繁体   English   中英

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

[英]Datepicker Support in IE11 and Firefox

这个简单的 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>

Internet Explorer 11 目前不支持<input type='date'> ,尽管我们最近确实宣布正在进行这项工作。 您可以在http://status.modern.ie在线跟踪该进度。

Firefox 支持<input type='date'> 请求支持的错误已于20166 月 22 日关闭

如果您今天需要此功能,我鼓励您使用jQuery 的 Datepicker

2019 年 2 月更新:

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

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

仅当您使用 REGULAR JQuery 发行版时,JQuery 的日期选择器才适用于 bootstrap 4。 Bootstrap 4 文档显示了 SLIM 版本,这让我有点困惑。

其他选择:

  • uxsolutions bootstrap-datepicker “一个用于 Bootstrap 的日期选择器从 Stefan Petre's (of eyecon.ro) 分叉出来,由 eternicode 改进”在 github 上有很多明星,似乎可以与 bootstrap 4 一起使用。
  • 一些朋友推荐了用于 Bootstrapeyecon Datepicker ,我猜它是 uxsolutions 的原始分支。
  • Pickaday非常受欢迎,尽管JS Deliver CDN目前缺乏完整性哈希码并且没有预构建的下载 - 您必须使用 node 或其他东西进行构建。

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

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

Flatpickr的重量很轻,是目前最好的日期选择器之一。 在包括IE在内的所有浏览器中,它的速度都非常快。 它的Github存储库非常活跃,拥有超过1.24万颗星。 它是根据MIT许可授权的。

免责声明:我是这个很棒的项目的贡献者之一

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM