internet-explorer - IE 输入类型日期未显示为日期选择器

Question

这个问题已经有答案了:

How to get HTML 5 input type="date" working in Firefox and/or IE 10 (15 个回答)

已关闭 7 年前。

我在 HTML 中使用输入类型 DATE，在 Chrome 和 Firefox 中一切正常，但 IE 不显示日期选择器。

当我使用 JQuery Datepicker 时，我在 Chrome 和 Firefox 中看到两个日期选择器对话框。

如何修复可以使用日期输入类型但表单只有一个弹出窗口的功能？

Answer 1

您需要使用 polyfill以便输入类型 DATE 在所有浏览器中具有一致的行为。您可以使用这个webshim作为填充。

输入类型 DATE 是 HTML5 功能，并非所有浏览器都支持。如果您想使用您的浏览器(通常是 IE)不支持的 HTML5 功能，请使用以下两种方法:

• 特征检测
• Polyfill

功能检测是确定我们的浏览器是否支持 HTML5 功能的能力。一个很好的库是 Modernizr 。使用 Modernizr 可以做的是检测是否不支持您需要的任何功能，如果不支持，那么您可以有条件地加载一些将实现该功能的 javascript 库。这些库称为 Polyfills .

例如，如果您想在 IE 10 中使用该标记，您可以使用 jqueryui.com 控件来提供日期选择器。

Modernizr.load({
    test: Modernizr.inputtypes.date,
    nope: "js/jquery-ui.custom.js",
    callback: function() {
      $("input[type=date]").datepicker();
    }
  });

Modernizr 测试是否支持该功能，您可以选择使用 nope 来指示是否存在仅在不支持该功能时才加载的库，回调是测试后将调用的代码加载库后。