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＆amp; maxDate
disabledDates
看起来像useStrict也可能会有所帮助，具体取决于您的要求。

Answer 2

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

简单演示here。

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

详细了解Validate.js

输入错误输入时显示无效消息

2 个答案: