如何从日期类型输入元素中获取最终日期选择?

时间:2018-11-27 20:41:09

标签: javascript html5 javascript-events datepicker

使用日期类型创建输入元素时,现代浏览器会显示日期选择器。我注意到Firefox和其他浏览器会在日期的每次更改时触发一个“更改”事件,因此,当您浏览数月或数年时,即使未选择你想要的日期。有没有办法告诉您菜单何时关闭,选择是“最终”?事件类型仅显示为“输入”和“更改”。我希望会发生“关闭”事件或类似事件。

我试图通过侦听元素上的模糊事件来解决此问题,但是除非您单击离开,否则它不会模糊,因此,当您单击最终日期选择并且它本身消失时,它并没有模糊。我期望如此,但我不得不尝试。

那么,有什么方法可以告诉它何时关闭以及用户做出了“最终”选择,而不仅仅是浏览日历?

1 个答案:

答案 0 :(得分:0)

当前无法确定日历是打开还是关闭,也没有任何事件会在日历关闭时触发。

changeinput事件似乎都是在相同的情况下触发的,特别是在修改输入框中的文本时。当用户从日历中选择一个日期时,以及直接在框中键入日期时,都会发生这种情况。

如果要获得一致的用户体验,最好的选择是使用自定义日期选择器,因为日历的外观和行为在浏览器中会有所不同。