Bootstrap DatePicker-验证日期

Question

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

谢谢您的帮助。

Answer 1

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

例：

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

Answer 2

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

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

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

Answer 3

我已经弄清楚，我可以简单地检测到日期值何时设置为”，然后从那里更改要更改的内容：

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