html - 如何让 HTML 5 输入类型 ="date"在 Firefox 和/或 IE 10 中工作

Question

我觉得奇怪的是，Firefox 仍然不支持 input type="date"。事实上，我不认为他们在输入元素上添加了太多(如果有的话)HTML 5 新类型。 IE10 不支持它并不奇怪。所以，我的问题是……

如何在 input 元素上获取 type="date" 而无需添加另一个 .js 文件(即 jQueryUI DatePicker小部件)只是为了获取仅适用于 IE 和 Firefox 浏览器的日历/日期？有没有什么东西可以应用在某个地方(也许是 CDN？)，这将使这个功能在 Firefox 和/或 IE 浏览器中默认工作？尝试针对 IE 8+ 浏览器和 Firefox，没关系，最新版本 (28.0) 就可以了。

更新:Firefox 57+ 支持输入类型=日期

Answer 1

你可以试试webshims ，可在 cdn 上获得+ 仅在需要时加载 polyfill。

这是一个使用 CDN 的演示: http://jsfiddle.net/trixta/BMEc9/

<!-- cdn for modernizr, if you haven't included it already -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
<!-- polyfiller file to detect and load polyfills -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
<script>
  webshims.setOptions('waitReady', false);
  webshims.setOptions('forms-ext', {types: 'date'});
  webshims.polyfill('forms forms-ext');
</script>

<input type="date" />

如果默认配置不满足，有many ways to configure它。在这里您可以找到 datepicker configurator .

注意:虽然 future 可能会有针对 webshim 的新错误修复版本。不会有任何主要版本了。这包括对 jQuery 3.0 或任何新功能的支持。