jQuery UI的日期選擇器不顯示

Question

我有這個程序，我想添加一個jQuery的日期選擇器，但由於某種原因（也許它是如何我把圖書館），它不會顯示。我創建了一個僅顯示日期選擇器的示例.html文件，它顯示了日期選擇器。這是我的.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="datepicker.js"></script> 

datepicker.js代碼：

$(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> 

請，任何人在這裏知道我應該在哪裏插入代碼來顯示datepicker？請幫忙。

編輯：

這裏的body標籤裏面我輸入的日期（此代碼是兩個.html文件）：

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> 

您正在加載2個版本的jQuery和jquery.ui的3個版本。先把jQuery放在jQuery.ui之後。如果這不能解決問題，你可以發佈完整的html文件嗎？

Answer 2

基於您的代碼，你需要一個

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

某處在您的標記

Answer 3

你是對的37Stars，通過加載兩個不同版本的JQuery導致Datepicker的開啓失敗。