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

问题描述 投票:14回答:4

这个简单的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>
html5 internet-explorer firefox datepicker internet-explorer-11
4个回答
23
投票

Internet Explorer 11当前不支持<input type='date'>,尽管我们这样做recently announce正在进行中。您可以在http://status.modern.ie在线跟踪进度。

Firefox目前似乎还不支持该属性。 bug was opened in 2012请求添加支持,但尚未发布补丁。

如果您需要此功能today,我鼓励您使用jQuery's Datepicker


7
投票

2019年2月更新:

Edge支持datepicker,但是4年后,看来IE永远不会支持。与Safari桌面相同(尽管Safari移动版支持它)。参见:CanIUse datepicker support

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

JQuery的日期选择器仅在使用REGULAR JQuery分发时才与引导程序4一起使用。 Bootstrap 4文档显示了SLIM版本,这使我有些困惑。

[其他替代方法:

  • [uxsolutions bootstrap-datepicker“从Stefan Petre的(eyecon.ro的)分叉的Bootstrap的日期选择器,通过eternicode进行的改进”在github上备受关注,并且似乎可以与bootstrap 4一起使用。
  • 一些朋友推荐了eyecon Datepicker for Bootstrap,我想它是uxsolutions的原始版本。
  • [Pickaday非常受欢迎,尽管JS Deliver CDN当前缺乏完整性哈希码,并且没有预构建的下载-您必须使用node或其他构建。

0
投票

[自版本51(2017年1月26日)开始,它已经在Firefox中使用,但默认情况下尚未激活(尚未)

要激活它:

about:config

dom.forms.datetime->设置为true


0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.