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

Question

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

任何人都可以请帮我在这

是如下

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