加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 角度ui掩码不使用angular-ui datepicker

发布时间:2020-12-17 16:56:23 所属栏目:安全 来源:网络整理
导读:我正在尝试使用带有angular-ui-bootstrap datepicker组件的angular-ui-mask. 当我使用它时,输入被赋予ng-invalid-date类,即使日期是有效的日期和日期在我从焦点移出字段后被清除. 我不想使用带有type =’date’的HTML输入,因为并非所有浏览器都支持它. 相同
我正在尝试使用带有angular-ui-bootstrap datepicker组件的angular-ui-mask.

当我使用它时,输入被赋予ng-invalid-date类,即使日期是有效的日期和日期在我从焦点移出字段后被清除.

我不想使用带有type =’date’的HTML输入,因为并非所有浏览器都支持它.

相同的plunker:

http://plnkr.co/edit/dW4AIlF37CLbSHf553d3?p=preview

<input type="text" class="form-control" ui-mask="99/99/9999" uib-datepicker-popup ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date,mode)" ng-required="true" close-text="Close" />

检查元素以查看分配给它的类.

解决方法

路易斯的答案是对的,但非常不清楚(如果你想删除斜线).因为默认情况下ui-mask会删除占位符,所以你需要使用以下命令将它发送到uib-datepicker-popup:uib-datepicker-popup =“MMddyyyy”,例如:

<input type="text" uib-datepicker-popup="MMddyyyy" ui-mask="99/99/9999" ... >

或者,如果要保留占位符(斜杠),可以设置model-view-value =“true”,例如:

<input type="text" uib-datepicker-popup="MM/dd/yyyy" ui-mask="99/99/9999" model-view-value="true" ... >

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读