我正在使用HTML5元素的输入属性,只有Google Chrome支持日期和时间属性.我试了Modernizr次,但我不明白如何将它集成到我的网站上(如何编码/语法是什么/包含了什么).任何关于如何使用所有浏览器的日期、时间属性的代码片段.

推荐答案

任何不支持输入类型date的浏览器都将默认为标准类型,即text,因此您只需判断类型property (not the attribute),如果不是date,则浏览器不支持日期输入,并添加自己的日期 Select 器:

if ( $('[type="date"]').prop('type') != 'date' ) {
    $('[type="date"]').datepicker();
}

FIDDLE

当然,您可以使用任何您想要的日期 Select 器,jQuery UI的日期 Select 器可能是最常用的一个,但是如果您不使用UI库做任何其他事情,它确实添加了相当多的javascript,但是有数百个可供 Select 的日期 Select 器.

type属性永远不会更改,浏览器将仅回退到该属性的默认text类型,因此必须判断该属性.
该属性仍然可以用作 Select 器,如上例所示.

Jquery相关问答推荐

为什么我不能在 window.onload 事件的处理程序中将 $ jQuery 对象作为参数传递?

如果选中了三个sibling ,则选中一个复选框

将元素附加到每个函数 jQuery

formData.append 来自不同输入文件的两个文件

javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

jQuery找到最近的匹配元素

如何同时使用 requireJS 和 jQuery?

如何在实际图像下载时显示加载图像

JQuery .hasClass 用于 if 语句中的多个值

专业的基于 jQuery 的 Combobox 控件?

jQuery ajax 在 asp.net mvc 中上传文件

Bootstrap 4 文件输入

带有函数的 JavaScript 三元运算符示例

jQuery: Select 不为空的数据属性?

如何将键和值都推送到 Jquery 中的数组中

获取jQuery中下拉列表的值

HTMLCollection、NodeLists 和对象数组之间的区别

.success() 和 .complete() 之间的区别?

在 JavaScript 开头使用分号的目的是什么?

jquery在cookie中保存json数据对象