Question

我有这个程序，我想在它上面添加一个jquery日期选择器，但由于某种原因（也许是我如何按顺序放置库），它将无法显示。我创建了一个示例.html文件，它只显示一个日期选择器，它显示了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代码：

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

请，这里的任何人都知道我应该在哪里插入代码来显示日期选择器？请帮忙。

修改

这是我在body标签内的输入日期（此代码位于两个.html文件中）：

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

Answer 1

如果没有完整的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和3个版本的jquery.ui。先把jQuery放在jQuery.ui之后。如果这不能解决问题，你可以发布完整的html文件吗？

Answer 2

根据您的代码，您需要

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

标记中的某个地方

Answer 3

你是对的37Stars，通过加载两个不同版本的JQuery，你导致Datepicker的开放失败。

jquery UI datepicker不显示

3 个答案: