Question

我已经按照一些教程和书籍使用html5 表单。我使用 modernizr 为非支持的浏览器提供后备。一切都是好的。事情甚至在IE6中起作用。我正面临着jquery datepicker ui的问题。目前输入类型=＆＃34;日期＆＃34; 仅受歌剧支持（我使用的是最新版本的歌剧）。

虽然我使用 modernizr 来检测浏览器对输入类型=＆＃34;日期＆＃34; 的支持，但歌剧仍然在加载jquery datepicker。我做错了什么？...我应该按特定顺序包含脚本?? ...

这是我编写的代码，后面是问题的屏幕截图。

html标记：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>date picker</title>
<link rel="stylesheet" href="jquery-ui/css/redmond/jquery-ui-1.8.20.custom.css"/>
</head>
<body>
<form>
    <input type="date" name="date-picker" id="date-picker" value="2010-10-06" />
</form>
<script src="modernizr.js"></script>
<script src="webforms/webforms2.js"></script>
<script src="jquery.js"></script>
<script src="jquery.ui.core.min.js"></script>
<script src="jquery.ui.datepicker.min.js"></script>
<script src="custom.js"></script>
</body>
</html>

jquery代码：

$(document).ready(function(){
    if(!Modernizr.inputtypes.date){
        $('input[type=date]').each(function() {
        var $input = $(this);
        $input.datepicker({
            minDate: $input.attr('min'),
            maxDate: $input.attr('max'),
            dateFormat: 'yy-mm-dd'
        });
    });
 }  
});

的截图： 的

http://imageshack.us/photo/my-images/16/operadatepicker.jpg/

源代码： media fire download link

Answer 1

Modernizr.inputtypes.date在Opera 11中按预期工作：

http://jsfiddle.net/feeela/tMUcw/

也许错误是，你没有在Modernizr的构建中包含'输入类型'。转到并下载开发人员版本或构建自定义下载，但请确保包含“输入类型”。

http://modernizr.com/download/

即使正确使用modernizr，opera也会显示多个日期选择器

1 个答案: