html - modernizrを適切に使用しても、オペラは複数の日付ピッカーを表示しています

Question

いくつかのチュートリアルと本に従ってhtml5フォームを操作しました。modernizrを使用して、サポートされていないブラウザーのフォールバックを提供しました。すべてが良いです。IE6でも機能しています。jquerydatepickeruiで問題が発生しています。現在、input type = "date"はオペラでのみサポートされています（私は最新バージョンのオペラを使用しています）。

input type = "date"のブラウザサポートを検出するためにmodernizrを使用しましたが、どういうわけか、オペラはまだjquerydatepickerをロードしています。私は何か間違ったことをしていますか??...特定の順序でスクリプトを含める必要がありますか??...

これは私が書いたコードであり、その後に問題のスクリーンショットが続きます。

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/

ソースコード： mediafireダウンロードリンク