html - iOS 浏览器 : clear input type date

Question

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

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

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

我可以更改它但我不能用相关按钮清除它。日期仍在字段中。如果我在此字段中输入一个新日期，然后按“清除”，它会恢复到以前的值(2012 年 6 月 30 日)。

如果我加载时日期字段为空，我可以对其进行赋值，当我按下“清除”时该字段将为空。

因此，“清除”按钮实际上并没有清除字段中的日期，而是根据字段在显示给用户时所具有的 value 属性对其进行赋值。

如何在不使用 Javascript 的情况下使用“清除”按钮清除(输入空值)？

谢谢

附言在桌面浏览器(Chrome、IE、FF、Edge)上，它可以与它们的原生日期选择器一起正常工作。

Answer 1

这是一个需要在 iOS 上解决的有趣问题。 仅供引用，我没有使用 iOS Safari，而是将 wkwebview 用于混合应用。看来 clear按钮检索 defaultValue输入字段的然后恢复 value来自那个的属性(property)defaultValue .虽然这个值显然不是 HTML 可访问属性，但您可以通过 JavaScript 修改它:

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

希望能帮到您解决问题!