如何知道是否使用Angular-Strap datepicker输入了无效日期

时间:2016-11-10 21:33:44

标签: angularjs datepicker angular-strap

我正在使用Angular-Strap datepicker指令的一个非常简单的实现。在Angular-Strap的主页上,如果输入了无效内容,则输入文本元素通过红色勾勒出来。我在实施中没有得到它:

<input type="text" size="10" class="form-control" ng-model="vm.InitiationDate" date-format="yyyy-MM-dd" autoclose="true" name="date" bs-datepicker />

什么导致Angular Strap示例页面上的输入元素变为红色,但我的页面上似乎没有进行验证?

1 个答案:

答案 0 :(得分:1)

日期选择器需要是<form>的一部分,然后ng-class指令可以选择错误类。

<form name="datepickerForm" class="form-inline" role="form">
  <!-- Basic example -->
  <div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}">
    <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as date)</small></label>
    <input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker>
  </div>

了解更多信息: