【问题标题】:How to know if invalid date was entered using Angular-Strap datepicker如何知道是否使用 Angular-Strap datepicker 输入了无效日期
【发布时间】:2016-11-10 21:33:43
【问题描述】:

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

【问题讨论】:

    标签: angularjs datepicker angular-strap


    【解决方案1】:

    日期选择器需要是&lt;form&gt; 的一部分,然后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>
    

    更多信息:

    【讨论】:

    • 没有表格可以做到吗?
    猜你喜欢
    • 1970-01-01
    • 2021-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-02
    相关资源
    最近更新 更多