javascript - 如何验证 jQuery UI 日期选择器 "From Date"到 "To Date"

Question

我有 2 个字段“起始日期”和“截止日期”。我是 jQuery 的新手，我正在学习它。

1. 从 jQuery UI 日期选择器上的日期中选择时，所有先前的日期(当前日期之前)不可选择(灰显)。
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

要将当前日期之前的日期显示为灰色，只需在日期选择器配置中将 minDate 设置为当前日期即可。

minDate: new Date()

您还应该显式地将 dateFormat 选项设置为与 $.datepicker.parseDate 调用中使用的选项相同。

如果我正确理解你的问题，这个 fiddle 应该是正确的(稍微修改你的代码)

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