html5 – 如何获取HTML 5输入type =“日期”工作在Firefox和/或IE 10

前端之家收集整理的这篇文章主要介绍了html5 – 如何获取HTML 5输入type =“日期”工作在Firefox和/或IE 10前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我发现奇怪的输入类型=“日期”仍然不支持在所有这些时间后的Firefox。事实上,我不认为他们在输入元素上添加了很多(如果有的话)HTML 5新类型。不惊讶,它不是在IE10支持。所以,我的问题是…

如何获得type =“日期”的输入元素工作,而不添加,还有另一个.js文件(即jQueryUI DatePicker Widget)只是为了获取日历/日期只有IE和Firefox浏览器?有没有什么可以应用在某处(CDN也许?),将使这个功能默认在Firefox和/或IE浏览器中工作?尝试目标IE 8浏览器和Firefox,无所谓,最新版本(28.0)将没问题。

解决方法

您可以尝试 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

注意:虽然将来可能有webshim的新的bugfix版本。将不再有任何主要版本。这包括对jQuery 3.0或任何新功能支持

原文链接:https://www.f2er.com/html5/170428.html

猜你在找的HTML5相关文章