IE11 和 Firefox 中的日期选择器支持

Posted

技术标签:

【中文标题】IE11 和 Firefox 中的日期选择器支持【英文标题】:Datepicker Support in IE11 and Firefox 【发布时间】:2015-02-16 12:06:50 【问题描述】:

这个简单的 html 页面在 FireFox 30.0 和 IE 11 中没有显示日期选择器有什么问题?

<!DOCTYPE html>
<html>
    <head>
        <title>Untitled Page</title>
    </head>
    <body>
        <form>
            <label> Date field:</label><br />
            <input type="date" value="" />
        </form>
    </body>
</html>

【问题讨论】:

@dreamcrash 是的,我失业了。 @dreamcrash 你可以给我写信。查看我的个人资料。 好的,我的朋友已经给你写了一封电子邮件,以便你们取得联系 【参考方案1】:

Internet Explorer 11 目前不支持&lt;input type='date'&gt;,尽管我们支持recently announce,但这项工作正在进行中。您可以通过http://status.modern.ie在线跟踪进度。

火狐supports&lt;input type='date'&gt;。请求支持的错误已在June 22, 2016关闭

如果您今天需要此功能,我建议您使用jQuery's Datepicker。

【讨论】:

这个问题现在修复了吗?它在 IE 11 中不起作用,我什至在(模拟的)Edge 浏览器中也看不到它 这项工作已在 Windows 10 的内部版本 10240 中完成并交付。您目前正在测试哪个版本的 Edge? @user666 Internet Explorer 11 不附带 Edge 模拟器。我相信您将 Microsoft Edge 浏览器与 Internet Explorer 中的 Document Mode Edge 混淆了。 @user666 不,这不是模拟器。此选项会导致 Internet Explorer 引擎的功能回归,使其表现得更像其自身的早期版本。您可以在很大程度上“模拟”旧版本的 Internet Explorer,但不能模拟较新版本或较新的浏览器,例如 Microsoft Edge。 IE 工具中的“Edge”是指引擎在特定版本的 Internet Explorer 中未修改的最新行为。这是描述,而不是名称。 那个 status.modern.ie 链接现在似乎已经失效了。【参考方案2】:

2019 年 2 月更新:

Edge 支持日期选择器,但 4 年多后,IE 似乎永远不会支持。与 Safari 桌面相同(尽管 Safari 移动设备支持它)。请参阅:CanIUse datepicker support。

Chrome 和 Edge 从用户的桌面系统设置中获取日期格式,如果您期望 ISO 8601 并且您的用户不住在丹麦或加拿大,这可能会令人惊讶。

仅当您使用 REGULAR JQuery 发行版时,JQuery 的 datepicker 才能与 bootstrap 4 一起使用。 Bootstrap 4 文档显示了 SLIM 版本,这让我有点吃惊。

其他选择:

uxsolutions bootstrap-datepicker“从 Stefan Petre(来自 eyecon.ro)分叉的 Bootstrap 的 datepicker,eternicode 的改进”在 github 上有很多明星,并且似乎可以与 bootstrap 4 一起使用。 一些朋友推荐了eyecon Datepicker for Bootstrap,我猜它是uxsolutions 的原始版本。 Pickaday 非常受欢迎,尽管 JS Deliver CDN 目前缺少完整性哈希码并且没有预构建的下载 - 你必须使用节点或其他东西构建。

【讨论】:

【参考方案3】:

自 Firefox 版本 51(2017 年 1 月 26 日)以来,它已经存在于 Firefox 中,但默认情况下(尚未)未激活。激活它:

转到地址栏中的“about:config”,然后搜索dom.forms.datetime 属性并将其设置为true

【讨论】:

以上是关于IE11 和 Firefox 中的日期选择器支持的主要内容,如果未能解决你的问题,请参考以下文章

即使日期格式支持 ISO 8601,IE11 中的日期也无效

表格排序不适用于 ie9、firefox 中的日期

IE 11 tr:active 选择器是不是损坏?

IE 中的 jQuery CSS 选择器

引导模式内的日期选择器中的月份选择在 Firefox 中不起作用

如何在日期选择器中禁用上一个日期