iOS Safari:清除输入类型日期

2024-04-20

我制作了一个 .NET mvc 应用程序,其中有一个字段。 在 iPhone(在 Safari 中)上,一旦我单击此字段,就会出现一个本机 iOs 日期选择器。 它有效,我可以选择一个日期,确认它(使用“完成”按钮)并提交表格。

然后我再次访问此页面:日期已经确定; 例如,我将有这个:

<input type="date" value="2012-06-30">

我可以改变它但我无法使用相关按钮清除它。日期仍在字段中。 如果我在此字段中输入新日期,然后按“清除”,它将返回到之前的值(2012 年 6 月 30 日)。

如果加载时日期字段为空,我可以对其进行定价,当我按“清除”时,该字段将为空。

因此,“清除”按钮实际上并没有清除字段中的日期,而是根据value该字段向用户显示时所具有的属性。

如何在不使用 Javascript 的情况下使用“清除”按钮清除(放置空值)?

谢谢

附: 在桌面浏览器(Chrome、IE、FF、Edge)上,它可以与原生日期选择器配合良好。


这是 iOS 上需要解决的一个有趣的问题。仅供参考,我没有使用 iOS Safari,而是使用 wkwebview 作为混合应用程序。看来clear按钮检索defaultValue输入字段的然后恢复value财产由此defaultValue。尽管此值显然不是 HTML 可访问属性,但您可以通过 JavaScript 修改它:

首先,您需要设置一个focus日期输入的事件处理程序。之后,您需要在处理程序中设置 defaultValue:evt.currentTarget.defaultValue = '';.

我希望这可以帮助您解决您的问题!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

iOS Safari:清除输入类型日期 的相关文章