Javascript 如何在日期选择器上禁用所有以前的日期

我有两个日期选择器来选择开始日期和结束日期。一旦我选择了一个开始日期，我想灰显结束日期字段日历上所有以前的日期。我尝试了以下代码，但灰显了以前相对于当前日期的日期

脚本

$("#startDate").onChange(function () {
    var currentDate = new Date().getDate();
    var startDate = new Date($(this).val());
    var timeDiff = Math.abs(currentDate.getTime() - startDate.getTime());
    $("#hDate")[0].value = Math.ceil(timeDiff / (1000 * 3600 * 24));
});

$(".datepicker").datepicker({
    buttonImage: "../Images/calender.png",
    buttonImageOnly: true,
    showOn: "button",
    minDate: -($("#hDate")[0].value)
});

HTML

 <input type="text" placeholder="Start" class="datepicker" id="startDate">
 <input type="text" placeholder="End" class="datepicker" id="endDate">
 <input type="hidden" id="hDate" value="">

---

如何解决此问题

当选择日期时，日期选择器将触发一个

onSelect

事件。使用此事件设置另一个日期选择器中的

minDate

选项。以下是如何：

$("#endDate").datepicker();
$("#startDate").datepicker({
    onSelect: function (dateText, inst) {
        var date = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
        $("#endDate").datepicker("option", "minDate", date);
    }
});

---

当选择日期时，日期选择器将触发一个

onSelect

事件。使用此事件设置另一个日期选择器中的

minDate

选项。以下是如何：

$("#endDate").datepicker();
$("#startDate").datepicker({
    onSelect: function (dateText, inst) {
        var date = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
        $("#endDate").datepicker("option", "minDate", date);
    }
});

---

当选择日期时，日期选择器将触发一个

onSelect

事件。使用此事件设置另一个日期选择器中的

minDate

选项。以下是如何：

$("#endDate").datepicker();
$("#startDate").datepicker({
    onSelect: function (dateText, inst) {
        var date = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
        $("#endDate").datepicker("option", "minDate", date);
    }
});

---

当选择日期时，日期选择器将触发一个

onSelect

事件。使用此事件设置另一个日期选择器中的

minDate

选项。以下是如何：

$("#endDate").datepicker();
$("#startDate").datepicker({
    onSelect: function (dateText, inst) {
        var date = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
        $("#endDate").datepicker("option", "minDate", date);
    }
});

使用jQuery UI尝试使用jQuery UI尝试使用jQuery UI尝试使用jQuery UI尝试使用jQuery UI