【问题标题】:Removing the selected date from an input element that has the type "date"从类型为“日期”的输入元素中删除选定的日期
【发布时间】:2019-06-23 19:13:30
【问题描述】:

在 Chrome 中,当您使用类型设置为“日期”的输入元素时:

<input type="date" />

Chrome 会显示一个箭头,您可以单击该箭头来选择日期。不过,在我的网络应用程序中,如果用户决定删除日期,似乎没有任何方法可以做到这一点。如何允许用户删除选定的日期,以便输入元素中不显示日期?

【问题讨论】:

  • 我的猜测是您对每个特定浏览器如何实现这一点心血来潮。您可能必须使用自定义小部件,例如来自 Query 或 Angular 的东西,以获得你想要的行为。
  • 仅适用于 Chrome。它不能以编程方式完成。用户必须能够清除选择。

标签: html


【解决方案1】:

你可以尝试使用 jQuery datePicker

}).keyup(function(e) {
    if(e.keyCode == 8 || e.keyCode == 46) {
        $.datepicker._clearDate(this);
    }
});

$('selector').datepicker('setDate', null);

【讨论】:

  • 是的,我想到了,但希望避免使用 jQuery。
  • 我怀疑我们是否只能使用 HTML5 来实现这一点。可能需要 javascript 或 JQuery
【解决方案2】:

您可以使用提示文本为移动用户显示不同类型的输入,然后在表单提交时对其进行验证。不同浏览器对输入类型 date 的支持仍然不完整。

【讨论】:

    猜你喜欢
    • 2016-10-19
    • 2011-11-25
    • 1970-01-01
    • 2014-09-21
    • 2015-04-25
    • 1970-01-01
    • 2020-09-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多