Jquery Modernizr datepicker

Question

我从它的网站上下载了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但是如果我运行网站，我看不到任何我想念的地方？

Answer 1

将其添加到您的HTML。

<input type="date"/>

你有基于<input>元素的datepicker。

$('input[type=date]').datepicker({
        dateFormat: 'yy-mm-dd'
});

小提琴演示

没有Modernizr的小提琴

在<head>标记中包含带有Modernizr代码的<script> <head>标记。
为了实现DatePicker，您应该包含jQuery UI引用。

注意：

Modernizr无法检测到日期输入创建了一个日期选择器，它的设计，颜色输入创建了一个颜色选择器，等等; 它将检测输入值是否根据规范进行消毒。

Answer 2

@ user3705822 modernizr不是为了修改设计，它只是告诉你不同浏览器支持哪些功能，以便你可以采取相应的行动。

Modernizr是一个JavaScript库，可以在用户的浏览器中检测HTML5和CSS3功能。

您正在寻找的是这样的http://uniformjs.com/或http://jqueryui.com/

Jquery Modernizr datepicker

问题描述

2 个解决方案

解决方案1
6 已采纳 2014-06-04 12:25:45

解决方案2
5 2014-06-04 12:35:26

Jquery Modernizr datepicker

问题描述

2 个解决方案

解决方案1 6 已采纳 2014-06-04 12:25:45

解决方案2 5 2014-06-04 12:35:26

解决方案1
6 已采纳 2014-06-04 12:25:45

解决方案2
5 2014-06-04 12:35:26