Javascript “如何验证jQuery UI日期选择器”;“从日期起”;至;“迄今为止”;

Javascript “如何验证jQuery UI日期选择器”;“从日期起”;至;“迄今为止”;,javascript,jquery,jquery-ui,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Jquery Ui Datepicker,我有两个字段“开始日期”和“截止日期”。我是jQuery新手,正在学习它 在jQuery UI日期选择器上选择from date时,所有以前的 日期(当前日期之前)不可选择(灰显) 选择“截止日期”时,仅限从当前日期开始的日期 可选择的1天(不能选择与截止日期相同的起始日期或截止日期) 我当前正在使用此代码: $( function() { var dateFormat = "dd-mm-yy", from = $( "#from" ) .datepicker({ d

我有两个字段“开始日期”和“截止日期”。我是jQuery新手,正在学习它

  • 在jQuery UI日期选择器上选择from date时,所有以前的 日期(当前日期之前)不可选择(灰显)
  • 选择“截止日期”时,仅限从当前日期开始的日期
    • 可选择的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

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

    minDate: new Date()
    
    您还应该显式地将dateFormat选项设置为与在$.datepicker.parseDate调用中使用的选项相同

    如果我正确理解了您的问题,那么这个小提琴应该是正确的(稍微修改了您的代码)


    要灰显当前日期之前的日期,只需在日期选择器配置中将minDate设置为当前日期

    minDate: new Date()
    
    您还应该显式地将dateFormat选项设置为与在$.datepicker.parseDate调用中使用的选项相同

    如果我正确理解了您的问题,那么这个小提琴应该是正确的(稍微修改了您的代码)