AngularJS表单中的日期验证

时间:2014-02-19 13:39:41

标签: angularjs

我有一个带有类型文本的输入,我用来设置日期:

<input ng-model="model.JoinDate" 
       ui-mask="{{'99/99/9999'}}" 
       type="text" required
       ng-class="{error: form.JoinDate.$dirty && form.JoinDate.$invalid}"  />

问题是用户可以键入类似00/00/0000的内容。 如何在不创建新指令的情况下验证日期?

2 个答案:

答案 0 :(得分:0)

使用angular ui bootstrap datepicker怎么样?

http://angular-ui.github.io/bootstrap/#/datepicker

答案 1 :(得分:0)

<span style="color:red" ng-show="subform6{{$index}}.$dirty && subform6{{$index}}.date.$invalid && subform6{{$index}}.date.$error"> 
<br> <small ng-show="subform6{{$index}}.fd_judgement_date.$error.pattern">Incorrect Format, should be DD/MM/YYYY</small> 
</span> 
</ng-form>