use*_*822 3 html javascript jquery datepicker modernizr
我从它的网站上下载了modernizr.js.
<html>
<head>
<title>Hello Modernizr</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="~/modernizr.custom.62854.js"></script>
</head>
<body>
</body>
</html>
<script>
Modernizr.load({
test: Modernizr.inputtypes.date,
nope: ['http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js', 'jquery-ui.css'],
complete: function () {
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
}
});
</script>
我添加了一个datepicker但是如果我运行网站,我看不到任何我想念的地方？
将其添加到您的HTML.
<input type="date"/>
你有基于<input>元素的datepicker .
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
<script>标记中包含带有Modernizr代码的<head>标记.注意 :
Modernizr无法检测到日期输入创建了一个日期选择器,它的设计,颜色输入创建了一个颜色选择器,等等; 它将检测输入值是否根据规范进行消毒.
@ user3705822 modernizr不是为了修改设计,它只是告诉你不同浏览器支持哪些功能,以便你可以采取相应的行动.
Modernizr是一个JavaScript库,可以在用户的浏览器中检测HTML5和CSS3功能.
您正在寻找的是这样的http://uniformjs.com/或http://jqueryui.com/