Question

我使用的是jquery datepicker，用于初始化开始日期和结束日期。我限制开始日期的当前日期之前的所有日期。对于我的结束日期，我希望它限制所有小于或等于开始日期的日期。代码如下所示 beforeShowDay是一个函数调用，它会禁用开始日期和结束日期之前的所有日期。

$( ".datePicker" ).datepicker({ 
    beforeShowDay: NotBeforeToday,
    onSelect: function(selectedDate) 
    {        
      if( $(this).hasClass('StartDate') ){
          var StartDate= $(this).val();
          ActDate = new Date(StartDate);
      }else if( $(this).hasClass('EndDate') ){
          var EndDate= $(this).val();
          ExpDate = new Date(EndDate);
      }  
    }
 });

Answer 1

Jquery DatePicker中有一个选项可以设置minDate.您可以通过设置此选项值来设置最小日期。这将禁用minDate选项设置minDate之前的所有日期。

您的onSelect功能包括以下代码，用于设置EndDate的开始日期：

$( ".datePicker" ).datepicker({          
     minDate : new Date(),  //Set current date to minimum date to select
     onSelect: function(selectedDate) 
      {        
          if( $(this).hasClass('StartDate') ){
             var StartDate= $(this).val();
             $( "EndDatePickerselector" ).datepicker('option', 'minDate', StartDate);
          } 
       }  
 });

如果您希望将日期选择器限制为某个最大日期限制，可以使用maxDate选项设置日期选择器的最大日期选择。

JsFiddel Demo

愿这对你有所帮助。

jquery根据另一个选定日期限制日期范围

1 个答案: