angularjs – Angular-Material“md-datepicker”指令 – “md-o

发布时间：2020-12-17 10:24:43 所属栏目：安全来源：网络整理

导读：例如,在 fiddle中,使用md-open-on-focus时多次打开md-datepicker似乎存在不一致问题.第一次打开和关闭它后会出现问题(这可以正常) – 之后它会在点击时随机打开并且会不稳定. md-datepicker ng-model="timeModel" md-hide-icons="all" md-open-on-focus/md-d

例如,在 fiddle中,使用md-open-on-focus时多次打开md-datepicker似乎存在不一致问题.第一次打开和关闭它后会出现问题(这可以正常) – 之后它会在点击时随机打开并且会不稳定.

<md-datepicker ng-model="timeModel" md-hide-icons="all" md-open-on-focus></md-datepicker>

有没有人经历过相同的行为并找到了解决方案？谢谢.

目前,md-hide-icons =“all”和md-open-on-focus一起使用的问题是,当你点击外面时,焦点仍然在输入上.但是,由于没有要点击的图标并且焦点已经在输入上,我们无法打开日期选择器.

如果您单击外部,然后再次单击外部,则输入的焦点消失,并且它将从那里正常工作,这应该可以说是预期的行为.

但如果你不想要这样的行为,我们可以做些什么来改变它！

现在,看一下datePicker代码,在closeCalendarPane函数中,他们有

self.calendarPaneOpenedFrom.focus();

负责关注输入.如果我们删除它,它会在点击外部(或从选择器中选择一个日期)时失去焦点,这正是我们想要的.当openOnFocus为true时,它们有一些代码处理输入,但不确定它是如何帮助的！

Forked jsfiddle(更改行在#31449)

此外,更改库代码不是我们通常想要做的.那么,就目前而言,您可以有一个解决方法,比如在md-is-open上进行回调,并使用您喜欢的方式(jQuery / angular.element或纯JS)从回调内的输入元素中删除焦点[如@quirimmo所述]

希望有所帮助！

（编辑：李大同）

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