如何验证 jQuery UI 日期选择器“从日期”到“截止日期”答案

【问题标题】：How to validate jQuery UI Date Picker "From Date" to "To Date"如何验证 jQuery UI 日期选择器“从日期”到“截止日期”
【发布时间】：2016-08-12 10:41:20
【问题描述】：

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

在 jQuery UI 日期选择器上选择日期时，所有以前的日期（当前日期之前）不可选择（灰显）。
选择迄今为止时，只有从当前日期开始的日期
- 可选择 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”

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

要使当前日期之前的日期变灰，只需在 datepicker 配置中将 minDate 设置为当前日期。

minDate: new Date()

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

如果我正确理解你的问题，这个小提琴应该是正确的（修改你的代码）

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

【讨论】：