angularjs – AngularUI datepicker-popup – 手动输入日期和最
发布时间：2020-12-17 17:53:14 所属栏目：安全 来源：网络整理
导读：我发现在使用datepicker-popup时验证手动键入的日期值超出minDate或maxDate值的问题. 这可以通过角度ui站点上的datepicker弹出窗口来演示,方法如下：http://angular-ui.github.io/bootstrap/#/datepicker 确保打开最小日期选项(最小日期应该等于今天) 在昨天
|
我发现在使用datepicker-popup时验证手动键入的日期值超出minDate或maxDate值的问题.
这可以通过角度ui站点上的datepicker弹出窗口来演示,方法如下：http://angular-ui.github.io/bootstrap/#/datepicker >确保打开最小日期选项(最小日期应该等于今天) 这显示了内联日期选择器周围的红色边框(因为它被标记为ng-invalid-date),但是datepicker-popup的输入框仍然有效. 在进一步调查中,似乎已经针对datepicker的弹出部分设置了ng-invalid-date属性,而不是针对输入框.这会导致问题,因为首先,用户无法看到元素无效,其次弹出窗口没有name属性,因此我无法检查ng-form的有效性(例如myForm.myDate.$invalid 有没有人知道这方面的任何方式？ 解决方法
您可以对文本字段的ng-change和该字段的setValidity进行额外验证,以达到您想要的效果.这是一个展示这个想法的傻瓜.
http://plnkr.co/edit/N9Hk9QFIfj3IXfHoWwbt?p=preview 我添加了一个小的CSS样式,以便在字段无效时显示红色边框.有效性测试非常基础;你想要增强它以允许当天. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |