【问题标题】:From html input="date" to html select drop down format从 html input="date" 到 html 选择下拉格式
【发布时间】:2019-06-07 03:22:53
【问题描述】:

是否可以将html标签/格式<input type="date">转换为html标签/格式<select><option></option></select>

我只是想将输入类型日期设置为选择下拉格式。

例如:

来自

出生日期 - 输入类型日期

出生日期 - 选择下拉选项

实际上,我不想将出生日期值分成三个。但相反,制定一个更好的解决方案,我可以将输入日期转换为选择下拉日期。

谁能帮我解决这个问题?谢谢。

【问题讨论】:

  • 一个有 36000 行的选择下拉菜单,听起来并不有趣
  • 根据浏览器的不同,type=date 应该会打开一个允许人们快速输入日期的对话框。如果您想提供建议的日期列表,您可以将输入更改为 type='text' 然后使用数据列表。 developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

标签: javascript php jquery html css


【解决方案1】:

您可以使用 jQuery 插件来展示 datepicker,如下所示:

https://plugins.jquery.com/datetimepicker/

你可以很容易地找到许多其他相同的 jQuery 插件。

如果你想玩弄它的 UI,你可以使用 jQuery UI 内置主题或自己编写一些 CSS。

【讨论】:

    【解决方案2】:

    根据浏览器打开对话框。并且每个浏览器都不支持输入 type=date 。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多