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

我觉得奇怪的是,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+ 支持输入类型=日期

最佳答案

你可以试试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 或任何新功能的支持。

关于html - 如何让 HTML 5 输入类型 ="date"在 Firefox 和/或 IE 10 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22983013/

相关文章:

image - 如何在保持图像纵横比的同时拉伸(stretch)图像以填充

html - 如何删除css中的背景图像?

html - 如何在 div 中使按钮居中?

html - 表格固定标题和可滚动正文

html - 为什么类型为 "number"的 html 输入允许在字段中输入字母 'e'?

javascript - 获取元素的父div

html - 有必要写 HEAD、BODY 和 HTML 标签吗?

html - 如何更改 Canvas 元素中元素的不透明度(alpha、透明度)?

html - 将居中文本添加到水平线的中间

html - 如何防止滚动条覆盖 IE10 中的内容?