jquery UI datepickerが表示されません

Question

私はこのプログラムを持っていますが、jquery datepickerを追加したいのですが、なんらかの理由で（ライブラリの順序を入れているかもしれない）、表示されません。私はdatepickerを表示するだけのサンプル.htmlファイルを作成し、datepickerを表示します。

<link rel="stylesheet" type="text/css" media="screen, projection" href="css/dynamicMenuTabStyle.css"/> 
    <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.custom.css" /> 
    <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.7.custom.css"/> 


    <script type="text/javascript" src="js/json2.js"></script> 
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script> 

    <script type="text/javascript" src="datepicker.js"></script> 

datepicker.jsコード：ここで（つまり、日付ピッカーを示して）私の.htmlファイルのコードです

$(function() { 
     $("#date").datepicker(); 
    }); 

そして、これは私が私の日付ピッカーを挿入したかった私の他の.html、（あります残念ながら、表示されません）：

<link rel="stylesheet" type="text/css" media="screen, projection" href="css/dynamicMenuTabStyle.css"/> 
    <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.custom.css" /> 
    <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.7.custom.css"/> 

    <script type="text/javascript" src="js/json2.js"></script> 
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script> 
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>  
     <!--this is for my jqgrid--> 
    <script type="text/javascript" src="js/i18n/grid.locale-en.js"></script> 
    <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script> 
    <script type="text/javascript" src="js/jquery.jqGrid.fluid.js"></script> 
     <!--this is for my other .js files--> 
    <script type="text/javascript" src="js/jquery.cookie.js"></script> 
    <script type="text/javascript" src="globalFunc.js"></script> 
    <script type="text/javascript" src="tallySheet.js"></script>  
    <script type="text/javascript" src="mainindex.js"></script> 
    <script type="text/javascript" src="prime-settings.js"></script> 
     <!--this is for my closable tabs--> 
    <script type="text/javascript" src="js/jquery-ui-1.7.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.7.2.js"></script> 
    <script type="text/javascript" src="js/ui.tabs.closable.min.js"></script> 

ここで誰かが私はどこに日付ピッカーを表示するコードを挿入する必要があります知っている？助けてください。

編集：ここ

は私の入力日付が（このコードは2つの.htmlファイルである）bodyタグの内側にあります：あなたのコードに基づいて

date: <input type = "text" id = "date" value= "[select date]" color = "gray"> 

Answer 1

mplete HTMLはそれを言うのは難しいされるファイルが、これを試してみてください。

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script> 
<script type="text/javascript" src="js/json2.js"></script> 
    <!--this is for my jqgrid--> 
<script type="text/javascript" src="js/i18n/grid.locale-en.js"></script> 
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script> 
<script type="text/javascript" src="js/jquery.jqGrid.fluid.js"></script> 
    <!--this is for my other .js files--> 
<script type="text/javascript" src="js/jquery.cookie.js"></script> 
<script type="text/javascript" src="globalFunc.js"></script> 
<script type="text/javascript" src="tallySheet.js"></script>  
<script type="text/javascript" src="mainindex.js"></script> 
<script type="text/javascript" src="prime-settings.js"></script> 
    <!--this is for my closable tabs--> 
<script type="text/javascript" src="js/ui.tabs.closable.min.js"></script> 

あなたはjqueryのの2つのバージョンとjquery.uiの3つのバージョンをロードしています。最初にjQueryを置き、その後にjQuery.uiを続けます。それでも問題が解決しない場合は、完全なhtmlファイルを投稿できますか？

Answer 2

、あなたが

が必要

<input type="text" id="date" /> 

あなたのマークアップのどこか

Answer 3

あなたは正しい37Startです.JpQueryの2つの異なるバージョンをロードすると、Datepickerのオープンに失敗します。