我制作了一个 .NET mvc 应用程序,其中有一个字段。 在 iPhone 上(在 Safari 中),一旦我单击此字段,就会出现一个 native iOs 日期选择器。 它有效,我可以选择一个日期,确认它(使用“完成”按钮)并提交表格。
然后我再次访问这个页面:日期已经确定; 例如,我将有这个:
<input type="date" value="2012-06-30">
我可以更改它但我不能用相关按钮清除它。日期仍在字段中。 如果我在此字段中输入一个新日期,然后按“清除”,它会恢复到以前的值(2012 年 6 月 30 日)。
如果我加载时日期字段为空,我可以对其进行赋值,当我按下“清除”时该字段将为空。
因此,“清除”按钮实际上并没有清除字段中的日期,而是根据字段在显示给用户时所具有的 value 属性对其进行赋值。
如何在不使用 Javascript 的情况下使用“清除”按钮清除(输入空值)?
谢谢
附言 在桌面浏览器(Chrome、IE、FF、Edge)上,它可以与它们的原生日期选择器一起正常工作。
最佳答案
这是一个需要在 iOS 上解决的有趣问题。 仅供引用,我没有使用 iOS Safari,而是将 wkwebview 用于混合应用。看来 clear
按钮检索 defaultValue
输入字段的然后恢复 value
来自那个的属性(property)defaultValue
.虽然这个值显然不是 HTML 可访问属性,但您可以通过 JavaScript 修改它:
首先,您需要设置一个 focus
日期输入的事件处理程序。之后,您需要在处理程序中做的就是设置默认值:evt.currentTarget.defaultValue = '';
.
希望能帮到您解决问题!
关于html - iOS 浏览器 : clear input type date,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36977256/