Question

我有两个日期选择器。

开始日期和结束日期。

我正在尝试停用“结束日期”日期选择器中的日期，这些日期低于开始日期的所选日期。

我尝试了以下代码：

$(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) {

    }
    });

    });

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

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

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

谢谢你！

Answer 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

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

1 个答案: