输入错误时显示无效消息

Question

我使用 bootstrap-datetimepicker 编写了一个代码，它有两个日期时间选择器开始和结束。代码工作正常，但我不知道如何向日期时间文本字段显示验证。例如，当我输入一些无效日期时，在日期时间选择器文本字段中，它应该验证并显示无效日期。我们怎样才能做到这一点。

谁能帮我解决这个问题

我的代码如下所示

JSFiddle

<div class="container">
    <div class="col-sm-6" style="height:75px;">
       <div class='col-md-5'>
            <div class="form-group">
                <div>Start</div>

                <div class='input-group date' id='startDate'>
                    <input type='text' class="form-control" name="startDate" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class='col-md-5'>
            <div class="form-group">
                <div>End</div>

                <div class='input-group date' id='endDate'>
                    <input type='text' class="form-control" name="org_endDate" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

查看有关选项的文档：http://eonasdan.github.io/bootstrap-datetimepicker/Options/

我从未使用过这个插件，但看起来传递其中一些可以让您设置验证参数，而不必编写太多代码。

类似的东西：

• format（使用 moment.js 符号）
• minDate & maxDate
• disabledDates
• 看起来像 useStrict 也可能会有所帮助，具体取决于您的要求。

Answer 2

哟。 validate.js 很容易实现。它也很容易定制。

简单演示here.

$(document).ready(function(){
    $("#form").validate();
  });

阅读更多关于Validate.js