如何在datepicker jquery中选择未来日期

我以这种方式使用

datePicker

：

$("#dataStart").datepicker({
beforeShow: function () { $('#ui-datepicker-div').css('z-index',9999); },
dateFormat: 'mm/dd/yy'});
$("#dataEnd").datepicker({
beforeShow: function () { $('#ui-datepicker-div').css('z-index',9999); },
dateFormat: 'mm/dd/yy'});

我想在将来强制选择一个日期，而不是在过去，有可能吗？ 如果是这样，第二个日期选择器可以动态更改，因此如果用户选择日期，则在第二个字段中，他必须选择第一个选定日期旁边的日期。 我希望我也能提出我的问题：） 谢谢大家

var myDate = new Date();
myDate.setDate(myDate.getDate()+10);
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' + myDate.getFullYear();

$("#thedate").datepicker({dateFormat: 'mm/dd/yy',altFormat: 'yyyymmdd'});
$("#thedate").val(prettyDate);

我就是这样做的。”“日期”是我的约会选择者。我将日期推迟到今天+10天。

试试这个

var dates=$("#from, #to").datepicker({
     changeMonth:true, onSelect: function( selectedDate ) {
         var option = this.id == "from" ? "minDate" : "maxDate",
         instance = $( this ).data( "datepicker" ),
         date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings );
         dates.not( this ).datepicker( "option", option, date );
     }
 });

---

查看

minDate

选项。您可以使用

选项

方法动态设置它。

如果在日期选择器的

beforeShowDay

事件中返回[false]，它将禁用该日期。您可以比较日期和当前日期，并相应地返回[true/false]

试试这个

$("#dataStart").datepicker({
     beforeShow: function () { 
         $('#ui-datepicker-div').css('z-index',9999); 
     },
     dateFormat: 'mm/dd/yy',
});
$("#dataEnd").datepicker({
     beforeShow: function () { 
         $('#ui-datepicker-div').css('z-index',9999); 
     },
     dateFormat: 'mm/dd/yy',
     beforeShowDay: function(date){
          return [(date > ($("#dataStart").datepicker("getDate") 
                          || new Date()))];
     }
});

---

minDate:1

只允许明天及以后的日期。然后在Select上添加一个

以限制
数据端
：

$("#dataStart").datepicker({
    minDate: 1,
    onSelect: function(theDate) {
        $("#dataEnd").datepicker('option', 'minDate', new Date(theDate));
    },
    beforeShow: function() {
        $('#ui-datepicker-div').css('z-index', 9999);
    },
    dateFormat: 'mm/dd/yy'
});

参考：

示例：
这是一个旧线程，但它有点不清晰。可能是因为jQuery UI小部件本身发生了更改，但对于任何遇到此问题的人：

要将日期选择器的作用域仅限于将来的日期，请将
minDate
参数设置为0

要仅限于过去的日期，请将
maxDate
参数设置为0

这很好，因为它避免了调用
new Date（）
函数，正如本线程其他部分所建议的那样

例如：

$('.your_datepicker').datepicker({
    minDate: 0
});

@JackTurky-添加了代码来比较结束日期和开始日期，并相应地禁用日期。如果开始日期不可用，我只是将其与当前日期进行比较。