如何验证日期选择器以禁止/拒绝某些日期？答案

【问题标题】：How to validate datepicker to forbid/reject certain dates?如何验证日期选择器以禁止/拒绝某些日期？
【发布时间】：2011-02-28 18:08:39
【问题描述】：

我正在使用这个日历控件。用户可以从日历中选择任何日期。我需要验证周六和周日以及 1/1 和 1/25 等日期。如果他们选择了这些日子，我需要向他们显示一条弹出消息（如果它不是有效日期）。

【问题讨论】：

“如何验证”是一个非常糟糕的问题标题。请改进它。
将标题更改为更具体的“如何验证日期选择器以禁止/拒绝某些日期？”

标签： jquery validation datepicker

【解决方案1】：

试试这个：

$("input[id^='Date-<%=Model.ID%>']").change(function() {
    var date = new Date($(this).val()).getDay();
    if(date == 0 || date == 6) {
        alert('weekend');
    }
});

这是通过change 事件设置的。您的活动可能会有所不同。

得到输入的值：$(this).val()

从中创建一个新的Date 对象：new Date($(this).val())

然后获取日期编号：.getDay()，它返回一个从 0 到 6 的值，其中 0 是星期日，6 是星期六。

那么你只需测试 0 或 6。

现场示例： http://jsfiddle.net/UwcLf/

编辑：感谢 Nick Craver，如果您不需要为周末选择运行备用代码，您可以禁用特定日期。

来自尼克的链接答案：Disable specific days of the week on jQuery UI datepicker

$("input[id^='Date-<%=Model.ID%>']").datepicker({
    beforeShowDay: function(date) {
        var day = date.getDay();
        return [(day != 0 && day != 6)];
    }
});

更新示例： http://jsfiddle.net/UwcLf/1/

添加了禁用天的数组： http://jsfiddle.net/UwcLf/3/

【讨论】：

+1 - 我会将其与在日期选择器本身中禁用它们结合起来，请随时在您的答案中包含此代码：stackoverflow.com/questions/2968414/#2973696
@Nick - 谢谢，我将包含您的代码。对您的链接答案 +1。 :o)
谢谢尼克，但是如何验证每年的 1/1 和 1/25？
@Nick - 谢谢。我对那个的吸收有点慢！在我的答案中发布了一个类似的版本，然后看到你已经有了一个。 :o)

【解决方案2】：

如果您使用的是 JQUery UI DatePicker，它有一个 onSelect 事件，您可以使用它来验证所选日期。

我不知道您的后端，或者您是否正在使用后端，但您始终可以通过 Ajax 调用将所选日期发送到您的服务器并确定它是否有效。

如果您使用的是 ASP.Net，请查看 Custom Validators。

【讨论】：