在 jquery 日期选择器中禁用天数答案

【问题标题】：Disable Days in jquery date picker在 jquery 日期选择器中禁用天数
【发布时间】：2014-02-14 09:59:02
【问题描述】：

我有两个日期选择器。

开始日期和结束日期。

我正在尝试禁用“结束日期”日期选择器中低于开始日期中所选日期的天数。

我尝试了以下代码：

$(function() {
    $( "#datepicker1" ).datepicker({
        dateFormat: "mm/dd/yy" ,
    showOn: "both",
    buttonImage: "images/cal.gif",
    buttonImageOnly: true,onSelect: function(selected) {
        $("#datepicker2").datepicker("option","minDate", selected);
    }
    });
    });
    $(function() {

    $( "#datepicker2" ).datepicker({
        dateFormat: "mm/dd/yy" ,
    showOn: "both",
    buttonImage: "images/cal.gif",
    buttonImageOnly: true,onSelect: function (selected) {

    }
    });

    });

是的，只有在选择开始日期时才会禁用日期。

保存后（页面重新加载），以前禁用的日期现在启用。

现在用户可以在结束日期中选择开始日期之前的日期。

谢谢！

【问题讨论】：

在初始化#datepicker2 时，您从未设置过minDate 选项，那么您期望什么？作为初始化的一部分，您只需要使用当前选择的日期为#datepicker1。
谢谢你，在 datepicker 2 中初始化 minDate 后它工作了

标签： jquery jquery-ui date

【解决方案1】：

试试onClose 而不是onSelect 喜欢

$("#datepicker1").datepicker({
    dateFormat: "mm/dd/yy" ,
    showOn: "both",
    buttonImage: "images/cal.gif",
    buttonImageOnly: true,
    onClose: function (selectedDate) {
        $("#datepicker2").datepicker("option", "minDate", selectedDate);
    }
});

看到这个FIDDLE

【讨论】：

问题依然存在，保存详细信息后，日期再次启用。
然后最初禁用第二个日期选择器并仅在选择第一个时启用
成功了，我在 #datepicker2 中设置了 minDate 并在选择时禁用了外部，谢谢！！