Jquery DatePicker中的未来日期选择答案

【问题标题】：Future Date Selection in Jquery DatePickerJquery DatePicker中的未来日期选择
【发布时间】：2014-04-14 13:17:35
【问题描述】：

我的页面中有以下JQuery Datepicker。

$("#<%= txtDate.ClientID %>").datepicker({
          changeMonth: true,
          changeYear: true,
          dateFormat: "dd-mm-yy",
          yearRange: '1901:2050',
          maxDate: new Date(),
          showOn: "button",
          buttonImage: "images/calendar.png",
          buttonImageOnly: true,
          showButtonPanel: true,
          showMonthAfterYear: true,
          inline: true,
          altField: "#<%= HiddenDate.ClientID %>",
          altFormat: "dd-mm-yy",
          onSelect: function (dateText, inst) {
              shouldsubmit = true;
              javascript: __doPostBack('<%= txtDate.ClientID %>', '');
          },
          onClose: function (dateText, inst) {
              shouldsubmit = false;
          }
      });

它将我的选择限制在当前日期。如何允许用户选择任何未来的日期？

【问题讨论】：

new Date() 为您提供今天的日期。所以说你可以选择的最后一天是今天。

标签： jquery datepicker

【解决方案1】：

这将限制您提到的选择

maxDate: new Date(),

删除它，您可以选择任何日期，直到您指定的范围。

【讨论】：

@user3122107，很高兴它对您有所帮助。快乐编码:)

【解决方案2】：

您可以设置未来的日期限制如下：

 $(function() {
    $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
  });

DEMO

【讨论】：

【解决方案3】：

您可以将今天日期设置为未来日期，

$(function() {
    $( "#datepicker" ).datepicker({ 
        minDate: -10, 
        maxDate: new Date()
    });
});

检查这个demo jsfiddle

另一种方式可以设置+1M+10D参数，

$(function() {
    $( "#datepicker" ).datepicker({ 
        minDate: -10, 
        maxDate: "+1M +10D" 
    });
});

检查这个 demo jsfiddle

您可以在 date() 函数中传递 yyyy, mm, dd 来设置未来日期，

$(function() {
    $( "#datepicker" ).datepicker({ 
        minDate: -10, 
        maxDate: new Date(2025, 01,01)
    });
});

检查这个 demo jsfiddle

希望对您有所帮助！

【讨论】：