html - iOS 浏览器 : clear input type date

标签 html ios datepicker mobile-safari

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

iPhone's datepicker

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

<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/

相关文章:

html - 嵌套 ul 水平对齐

ios - Xcode 6.1 中的 NSCompoundPredicate 错误

ios - 如何从一个应用程序共享 Instagram 中的图像

javascript - 可以刷新 ng 日期选择器输入值吗?

jquery - 将日期选择器分配给输入字段数组

jquery - facebook 风格的导航栏

html - 是什么让单选按钮变成蓝色和灰色

javascript - 暂停并继续使用 setInterval

IOS 关闭应用程序时丢失 FBSession

c# - WPF Datepicker 中的日历周