【问题标题】:HTML Input Type Date, Open Calendar by defaultHTML 输入类型日期,默认打开日历
【发布时间】:2014-09-18 11:38:30
【问题描述】:

我有一个任务是默认显示日历以在 html 的输入字段中选择日期。

假设这是代码:

input type="date" name="bday"

好的,现在当我点击输入框时,会出现日历。

告诉我如何在不点击输入的情况下默认显示日历。

【问题讨论】:

  • 你能发布一个包含所有相关代码的 JSFiddle 吗?您很可能正在使用 CSS 或 Javascript 处理隐藏/显示日历,而不是纯 HTML。

标签: html input calendar


【解决方案1】:

这对于原生 HTML 输入元素是不可能的。您可以使用webshim polyfill,通过使用此标记为您提供此选项。

<input type="date" data-date-inline-picker="true" />

这是small demo

【讨论】:

  • 我不明白。该演示不显示默认打开的任何日历(Chrome 或移动 Chrome/Firefox)。您是说没有任何方法可以触发“本机”日历弹出,例如使用从不同元素触发的事件?
  • 谢谢,它成功了。 @Michael 您是否首先将github.com/aFarkas/webshim 包含在您的项目中?
  • 投反对票,因为 shim 不再由他们的开发人员维护,因此不推荐使用这些 shims 的解决方案
猜你喜欢
  • 1970-01-01
  • 2020-03-25
  • 2019-09-12
  • 2022-12-05
  • 2021-01-07
  • 1970-01-01
  • 1970-01-01
  • 2021-04-27
  • 1970-01-01
相关资源
最近更新 更多