选择特定日期后,我需要禁用#endDate datepicker中的所有内容吗?

时间:2018-12-14 14:19:05

标签: javascript jquery jquery-ui datepicker jquery-ui-datepicker

我需要有关jQuery ui datepickers的帮助。 我已经设置了datepickers来执行此操作:“在#startDate中选择某天时,我的#endDate日期选择器会获得+7天的值,这很好。此后,我需要在#endDate中禁用进一步的日期选择,因此用户需要仅从#startDate开始,并且在#endDate中总是+7天”。到目前为止,这是我的代码:

$(document).ready(function(){ 
    $('#startDate').datepicker({
        dateFormat: "yy-mm-dd", 
        onSelect: function(selectedDate) { 
            var date = $(this).datepicker('getDate'); 
            $('#endDate').datepicker('option','minDate', date); // Reset minimum date 
            date.setDate(date.getDate() + 7); // Add 7 days 
            $('#endDate').datepicker('setDate', date); // Set as default 
        }
     }); 
     $('#endDate').datepicker({
          dateFormat: "yy-mm-dd",
          onSelect: function(selectedDate) {
             $('#startDate').datepicker('option', 'maxDate',
             $(this).datepicker('getDate')); // Reset maximum date 
         }
      }); 
 });

0 个答案:

没有答案