即使正確使用的Modernizr的，歌劇顯示多個datepickers

我按照一些教程和書籍與HTML5工作形式。我使用Modernizr的提供非支持的瀏覽器的回退。一切都很好。事情甚至在IE6中工作。我面臨着jQuery日期選擇器用戶界面的問題。目前輸入類型=「日期」僅受歌劇支持（我正在使用最新版本的歌劇）。即使正確使用的Modernizr的，歌劇顯示多個datepickers

雖然我使用Modernizr的用於檢測INPUT TYPE = 「日期」，不知何故歌劇仍在加載jquery的日期選擇瀏覽器的支持。我是否做錯了什麼？...我應該包括特定順序的腳本?? ...

這是我寫的代碼，其次是問題的截圖。

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

來源

2012-06-01 Naresh Devineni

ps的，你不需要'.each'，該選擇將已覆蓋所有的輸入。有趣的問題雖然如此+1。（即你可以使用'$（'input [type = date]'）。datepicker（{..}）;' – Dunhamzzz

我的不好，我只是盲目地跟着幾個教程，其中包括相同的腳本...我會避免它下一次：）...即時通訊在你所有可能的社交網絡....感謝您的趕上;） –