Bootstrap DatePicker - 验证日期答案

【问题标题】：Bootstrap DatePicker - Validate DateBootstrap DatePicker - 验证日期
【发布时间】：2014-06-13 20:25:11
【问题描述】：

我有一个引导日期选择器设置为startDate = '1/1/1990'，但如果用户在文本框中手动输入日期，例如1/1/201（1/1/2014 的类型可能有误），则日期只是空白当他们改变焦点时退出。有没有一种方法可以让他们尝试使用无效日期离开该字段，而不是使用一个空白字段，我可以指定类似今天的日期，甚至更改背景颜色并且不允许用户离开该字段？

感谢您的帮助。

【问题讨论】：

在日期输入上使用 onChange 事件处理程序来检查更改后的日期。

标签： javascript jquery twitter-bootstrap datepicker

【解决方案1】：

您也可以将日期字段设置为只读，这样用户只能从日期选择器中选择正确的日期格式。

示例：

http://www.w3schools.com/tags/att_input_readonly.asp

【讨论】：

我喜欢这个主意...它还可以防止用户输入任何随机文本并进行验证

【解决方案2】：

您可以使用 jquery 验证插件的颜色，显示无效日期的 msg。在这种情况下，要使用当前日期验证日期值，您必须向其添加自定义验证方法，例如：-

           $.validator.addMethod("presentDate", function(value, element) {

                if(new Date(value).getTime() >= new Date().getTime()){
                    return true;
                } else {
                    return false;
                }
            });

【讨论】：

【解决方案3】：

我发现我可以简单地检测日期的值何时设置为 '' 并从那里开始我想要更改的内容：

$('#StartDate').change(function()
{
    if (this.value === '')
    {
        alert('Start date is now set to empty string, do work here');
    }
});

【讨论】：