html - Firefox 中的 HTML 5 日期选择器

Question

有什么方法可以设置在带有 HTML 5 的 firefox（版本 21）中启用日期选择器。我不想使用基于 jQuery 的日期选择器，因为 javascript 将在使用该网站的浏览器中被禁用。日期选择器适用于 Chrome。

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

Answer 1

jQuery UI 有一个 datepicker 小部件，如果浏览器没有内置的，你可以有条件地加载它。问题是，即使你只在自定义 jQuery UI 构建中选择 datepicker 小部件，它仍然是一个重要的下载。

我最喜欢的解决方案是使用 Modernizr 附带的 yepnope，仅在 datepicker需要时有条件地加载 jQuery UI CSS 和 JS 文件。通过将其与Modernizr 的优化构建和仅限日期选择器的 jQuery UI 构建相结合，它为所有可能的浏览器提供了最小的下载。

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
  }
});

Answer 2

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

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

Answer 3

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

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

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

Answer 4

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

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

Answer 5

Firefox 57 终于有了一个带有可点击日历的日期选择器（<input type="date">）。

时间选择器只是一个将输入限制为有效时间的文本字段。遗憾的是，它只支持 12 小时时间格式（<input type="time">）。

仍然不支持 datetime-local (<input type="datetime-local">)。