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的开启失败。