如何驗證jQuery UI日期選擇器“從日期”到“到日期”

Question

我有2個字段“起始日期”和“截止日期”。 我是jQuery的新手，正在學習中。

1. 在jQuery UI Date Picker上從日期中進行選擇時，所有以前的日期（當前日期之前）都是不可選擇的（顯示為灰色）。
2. 選擇日期時，僅從當前日期開始的日期
   • 可以選擇1天（不能從日期或經過的日期中選擇相同的日期）

我目前正在使用此代碼：

$( function() {
var dateFormat = "dd-mm-yy",
  from = $( "#from" )
    .datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3
    })
    .on( "change", function() {
      to.datepicker( "option", "minDate", getDate( this ) );
    }),
  to = $( "#to" ).datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3
  })
  .on( "change", function() {
    from.datepicker( "option", "maxDate", getDate( this ) );
  });

function getDate( element ) {
  var date;
  try {
    date = $.datepicker.parseDate( dateFormat, element.value );
  } catch( error ) {
    date = null;
  }

  return date;
}
});

注意：日期格式應為“ dd-mm-yy ”

Answer 1

要使當前日期之前的日期灰顯，只需在datepicker配置中將minDate設置為當前日期即可。

minDate: new Date()

您還應該顯式地將dateFormat選項設置為與$ .datepicker.parseDate調用中使用的選項相同。

如果我正確理解了您的問題，那么這種提琴應該是正確的（稍微修改了您的代碼）

http://jsfiddle.net/8w8v9/1846/