jquery - jQuery 限制结束日期，使其距离开始日期不超过 30 天

Question

这是我的 jQuery 日历代码

$(document).ready(function(){
    $( "#fromDate" ).datepicker({
          dateFormat: 'mm-dd-yy',
          changeMonth:true,
          changeYear:true,
          showOn: "button",
          buttonImage: "../../images/calendar.gif",
          buttonImageOnly: true,
          maxDate: '0',
          onSelect: function(dateText, inst)
          {$("#toDate").val('');
              $("#toDate").datepicker("option", "minDate", dateText);
          }

        });

      $( "#toDate" ).datepicker({
          dateFormat: 'mm-dd-yy',
          changeMonth:true,
          changeYear:true,
          showOn: "button",
          maxDate: '0',
          buttonImage: "../../images/calendar.gif",
          buttonImageOnly: true
        });
});
</script>

我应该以这样的方式允许进入的天数#toDate不超过#fromDate + 30

我怎样才能做到这一点 ？

请注意，这两个日历都不允许选择超过当前日期的日期！

Answer 1

日期选择器具有属性 minDate 和 maxDate。因此，您可以使用所需的日期设置这些属性。下面是一个示例，

var currentDate= new Date(); 
var maxdate = new Date(currentDate); 
maxdate.setDate(currentDate.getDate() + 30); 
$("#toDate").datepicker({ 
changeMonth: true, 
changeYear: true, minDate: 
currentDate, maxDate:maxdate 
    }).datepicker('setDate',currentDate);

参考： http: //jsfiddle.net/2y67W/ ，设置最大日期 jquery datepicker