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

Question

我正在使用 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 示例页面上的输入元素变红，但我的页面上似乎没有验证？

Answer 1

日期选择器需要是 <form> 的一部分，然后 ng-class 指令可以 select 出错 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>

更多信息：

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

How to know if invalid date was entered using Angular-Strap datepicker

datepicker

angularjs

angular-strap