Jquery Modernizr 日期选择器答案

【问题标题】：Jquery Modernizr datepickerJquery Modernizr 日期选择器
【发布时间】：2014-06-04 12:22:15
【问题描述】：

我从它的网站下载了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>

我添加了一个日期选择器，但如果我运行网站，我看不到任何我想念的地方？

【问题讨论】：

您需要做的第一件事是将script 块移动到body 标签内
你得到什么错误？
第二点，我在你的 HTML 中没有看到任何 input[type=date]
添加<input/>元素！
能否请您用html代码回答，如果您能提供帮助，我将接受最佳答案谢谢

标签： javascript jquery html datepicker modernizr

【解决方案1】：

将此添加到您的 html 中。

<input type="date"/>

您拥有基于 <input> 元素的日期选择器。

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

Fiddle Demo

Fiddle Without Modernizr

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

注意：

Modernizr 无法检测到日期输入创建日期选择器、其设计、颜色输入创建颜色选择器等；它将根据规范检测输入值是否经过清理。

【讨论】：

我现在看到日期但是modernizr没有改变日期选择器的设计为什么？
“设计”是什么意思？有什么具体的功能吗？
我是modernizr的新手。如果我使用moderniz，日期选择器必须不同（设计良好）。 datepicker 使用modernizr 和不使用modernizr 有什么区别？
看，如果支持输入日期，您正在使用modernizr 来仅显示文本。你可以使用<input type="text">Check this Link

【解决方案2】：

@user3705822modernizr 并不是要修改设计，它只是告诉您不同浏览器支持哪些功能，以便您采取相应措施。

Modernizr 是一个检测 HTML5 和 CSS3 特性的 JavaScript 库在用户的浏览器中。

您正在寻找类似 @987654321@ 或 http://jqueryui.com/ 的内容

【讨论】：