javascript - 如何在 jQuery 日期选择器中禁用今天之前的日期

Question

如何在 jQuery 日期选择器中禁用今天之前的日期 而不使用 minDate: 0？

我想在今天之前像往常一样启用日历导航，同时确保用户不会选择今天之前的日期。

(即说今天的日期是 2011 年 8 月 11 日，我希望禁用此日期之前的所有日期，但仍允许用户转到之前的月份、年份等)

Answer 1

虽然我同意这是一种奇怪的行为，但您可以使用 onSelect 伪造它日期选择器的事件。

$(document).ready(function() {
    $('#Date').datepicker({
        onSelect: function(dateText, inst) {
            //Get today's date at midnight
            var today = new Date();
            today = Date.parse(today.getMonth()+1+'/'+today.getDate()+'/'+today.getFullYear());
            //Get the selected date (also at midnight)
            var selDate = Date.parse(dateText);

            if(selDate < today) {
                //If the selected date was before today, continue to show the datepicker
                $('#Date').val('');
                $(inst).datepicker('show');
            }
        }
    });
});

基本上，您处理 onSelect 事件。

选择日期后，检查它是否早于今天的日期。

如果是，那么你立即show再次点击日期选择器并清除附加到它的输入框。

---

已更新代码示例现在完全可用。这是一个 jsfiddle进行演示。