html - 如何在 Safari 的 native 日期选择器中隐藏 "clear"按钮？

Question

我有一个不可为 null 的日期字段，它出现在以下 HTML 元素中:

<input type="date" value="(enter date value here)"/>

默认情况下，此字段中始终有一个日期。但是，iOS 的原生日期选择器具有清除日期的功能。

有代码可以在客户端和服务器上验证此字段不能为空。不过，我宁愿完全不向用户显示此按钮。

有没有办法可以隐藏它，使用特殊属性或其他东西？我不关心该解决方案是否仅针对 iOS 的 Safari。

Answer 1

调用 dateTimePicker 时，您可以尝试在选取器上添加一个 UIView，并使用适当的背景颜色来隐藏按钮。

或者，考虑到您的应用上下文中的“明确”可能意味着“明确用户选择的内容以让他们重新开始”。如果他们点击清除按钮，只需插入今天或您想要的任何日期作为默认日期。