javascript - html5的input date在手机中怎么侦听用户点击输入完成的按钮？

问题描述

问 题

在iOS和安卓自带浏览器里面，点击input date是会弹出一个弹窗让用户输入日期的，而且都会有个确定按钮（iOS里面叫完成，android里面叫设置按钮），怎么侦听这个按钮的点击事件？

还有，我用input标签的max和min属性不能设置这个input date的可设置范围吗？

---

第一个问题我刚刚发现用onchange事件就行了。（安卓此时需要点击确定按钮才会触发，iOS则每改变一个日期，不需要点击确定都会触发。）

但是max和min还是没效果，值是不是有固定的格式？用精确到毫秒的时间戳不行，用2016-02-26这种格式的字符串也不行。

@AlanZhang 提到的onblur 和 onfocusout在iOS中是可以做到点击完成按钮后触发的，有需求的同学可以使用hack

解决方案

多测了下， android 的 Chrome 用下面两个不行。题主说 onchange 可以，我就不折腾了～

onblur 和 onfocusout 事件都可以满足你的要求，具体参考该链接 HTML DOM Events 的 Form Events 部分，

---

可以设置范围，具体参考该链接 HTML DOM Input Date Object 中的 Input Date Object Properties 部分对 max 和 min 属性的描述。

---

可能需要fq

---

补个例子：http://jsfiddle.net/c8tdoLee/embedded/

拿手机浏览器看这个就是你要的结果。

这篇关于javascript - html5的input date在手机中怎么侦听用户点击输入完成的按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！