HTML5 输入类型在 IE10 中不起作用答案

【问题标题】：HTML5 input types not working in IE10HTML5 输入类型在 IE10 中不起作用
【发布时间】：2014-01-08 01:03:14
【问题描述】：

我正在编写一个大量处理日期的应用程序。

所以，我正在为日期时间、日期、月份和星期使用新的 HTML5 输入类型...

令人惊讶的是，我发现这不适用于 IE10。我使用的是 IE 版本 10.0.9200。

要查看此内容，请打开该页面：Test Link

我的典型输入类型如下（我也在使用 Tweeter Bootstrap）：

            <div class="col-md-8">
                <div class="form-group">
                    <label for="dateTime">Período do Relatório</label>
                    <input type="date" class="form-control" id="reportDate">
                </div>
                <script>
                    var isoString = toLocalIsoString(new Date());
                    document.getElementById("reportDate").value = isoString.substr(0, 10);
                </script>
            </div>

稍后我会更改我需要的类型，例如：

            document.getElementById('reportDate').type = 'week';

或

            document.getElementById('reportDate').type = 'month';

在 Chrome 中它工作得非常好，打开选择窗口供用户选择每周选择月份，但在 IE 中我收到以下错误（已翻译）：

0x80070057 - Javascript execution time error. Invalid argument.

所以，根据这个场景：

a) 我在这里做错了什么？

b) 如果没有，我如何在 IE10 中支持这些 HTML5。

c) 如果事实上这在 IE10 中不起作用，有什么替代方法可以实现类似 Chrome 的行为（弹出一个小窗口，以便用户选择月份、日期、星期等）。

提前感谢您的帮助。

【问题讨论】：

标签： javascript jquery html internet-explorer input

【解决方案1】：

根据Can I Use，IE 不支持日期时间输入类型。 jQuery UI 是一个不错的选择。

【讨论】：

【解决方案2】：

也许 Internet Explorer 和 Firefox 不支持它。在此处查看链接！

http://www.w3schools.com/html/html5_form_input_types.asp

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

对于最后一个链接，请检查页面末尾的浏览器兼容性

【讨论】：

【解决方案3】：

According to quirksmode，HTML5 高级表单标签功能，例如日期，支持不是很广泛。

【讨论】：

【解决方案4】：

大多数浏览器不支持日期输入。

由于您已经在项目中使用了 Bootstrap，我建议您使用 bootstrap-datepicker javascript 插件。

【讨论】：

【解决方案5】：

Angular JS 有这个问题（所有酷孩子都使用它）。短期修复是在 index.html 中包含一个对 babel-es6-polyfill 的脚本引用。查看用于未来实现的 typescript。

 <script src="node_modules/babel-es6-polyfill/browser-polyfill.min.js"></script>

【讨论】：