Firefox 中的 HTML 5 日期选择器答案

【问题标题】：Html 5 datepicker in firefoxFirefox 中的 HTML 5 日期选择器
【发布时间】：2013-06-21 23:44:09
【问题描述】：

有什么方法可以让我在 Firefox（版本 21）中使用 HTML 5 启用日期选择器。我不想使用基于 jQuery 的日期选择器，因为 javascript 将在使用网站的浏览器中被禁用。日期选择器在 Chrome 上运行良好。

如果不支持 html 5 datepicker，如何在没有 jquery 的情况下添加 datepicker？

【问题讨论】：

安装 Firebug 并查看控制台显示的内容。也许你得到一个错误。
如果浏览器中没有内置日期选择器，您必须使用 JavaScript 添加您自己的。我不确定您认为可能存在什么其他解决方案。 Here's one good approach that uses Modernizr to load jQuery-UI's datepicker only when it's needed.
将近两年，超过 15 个版本的 Firefox，看不到对日期和时间输入类型的支持。这……令人不安。但是，当他们有一个 Firefox OS 可以茁壮成长时，谁会关心日期选择，对吧？

标签： html google-chrome firefox

【解决方案1】：

Firefox 57（2017 年 11 月 14 日）支持它：

http://caniuse.com/#feat=input-datetime

【讨论】：

所以如果不支持 html 5 日期选择器，那么我该如何添加日期选择器（不带 jquery）
如果你不能使用javascript，我不知道有什么办法。也许您可以使用文本输入并在后端验证日期。
截至 2014 年 5 月 16 日，IE 和 FF 不支持日期选择器 ()。我没有检查 safari，但在 chrome 中它工作正常。

【解决方案2】：

Firefox（版本 21）不支持 input type=date。

这里有一个网站，告诉你它支持什么，不支持什么Firefox21

【讨论】：

Firefox 34 仍然不支持输入 type=date。他们会遵守 HTML5 建议吗？
现在 Firefox 35 同样令人失望。是时候向 Firefox 捐款了，我无法忍受看到他们落后于其他浏览器。
同意...令人惊讶的是 Firefox 无法跟上这些 HTML5 控件的步伐。
Firefox 47，仍然没有。放弃所有希望，你们使用 Firefox。
和 FF 49...也是

【解决方案3】：

jQuery UI 有一个日期选择器小部件，如果浏览器没有内置日期选择器小部件，您可以有条件地加载它。问题是即使you only select the datepicker widget in a custom jQuery UI build，它仍然是一个重要的下载。

我最喜欢的解决方案是使用 Modernizr 附带的 yepnope 来有条件地加载 jQuery UI CSS 和 JS 文件仅当日期选择器需要时。通过将此与optimized build of Modernizr 和a datepicker-only jQuery UI build 结合使用，它可以为您提供所有可能浏览器的最小下载量。

yepnope({ /* included with Modernizr */
  test : Modernizr.inputtypes.date,
  nope : {
    'css': '/path-to-your-css/jquery-ui-1.10.3.custom.min.css',
    'js': '/path-to-your-js/jquery-ui-1.10.3.datepicker.min.js'
  },
  callback: { // executed once files are loaded
    'js': function() { $('input[type=date]').datepicker({dateFormat: "yy-mm-dd"}); } // default HTML5 format
  }
});

【讨论】：

现在yepnope 已被弃用，我调整了stackoverflow.com/a/34518146/1960071 中指示的解决方案。
@j4v1 无论如何，把它发布在这里作为一个新的答案！

【解决方案4】：

老问题，但我至少在这里找到了这个（firefox 54），这给了希望：

转到 about:config 并搜索 dom.forms.datetime

将找到的两个条目都设置为 true，等等！现在他们需要做的就是默认启用它们！

【讨论】：

【解决方案5】：

Firefox 57 终于有了一个带有可点击日历的日期选择器 ()。

时间选择器只是一个将输入限制为有效时间的文本字段。遗憾的是，它只支持 12 小时时间格式 ()。

datetime-local 仍然不受支持 ()。

【讨论】：