Question

我的页面中有以下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;
          }
      });

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

Answer 1

这将限制你提到的选择

maxDate: new Date(),

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

Answer 2

您可以按照以下方式设置未来日期限制：

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

DEMO

Answer 3

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

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

检查 demo jsfiddle

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

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

检查此 演示jsfiddle

您可以在日期（）功能中传递 yyyy，mm，dd 来设置未来日期，

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

检查此 演示jsfiddle

希望这对你有帮助！

Jquery DatePicker中的未来日期选择

3 个答案: