如何获取HTML5日历日期输入以显示弹出窗口?

时间:2012-06-14 23:08:05

标签: html html5

我写了以下内容:

<html>
<head>
</head>
<body>
<input type="date" />
</body>
</html>

只是一些基本的东西,所以我可以看到它的工作。它在页面上呈现了一个文本框,但是当我单击它时,没有弹出的日期显示。我试过IE9和Chrome。

为了让它发挥作用,您还需要做些什么吗?

1 个答案:

答案 0 :(得分:2)

目前,根据CanIUse.com,IE9不支持日期或时间输入类型(对IE10的支持未知)。

目前唯一支持日期输入类型的主要浏览器是Opera和Opera Mobile。

现在,只要主要浏览器检测到未知输入类型,它们就会默认为type="text",因此将类型字段作为未来用户的日期保留是没有害处的。如果您想立即实现日历功能而不依赖浏览器支持,最好的办法是研究跨浏览器兼容的JavaScript插件。如果您使用jQuery,可能有十几个或更多主要插件可供您自由使用。