2012-02-08 260 views
0

我有一個非常討厭的jQuery和jQuery-UI的datepicker問題。jQuery datepicker根本不工作

這裏是我的javascript代碼:

<script type="text/javascript"> 
    /*<![CDATA[*/ 
<!-- 
     $(function(){ 
      $("#startdate").datepicker({dateFormat: 'dd.mm.yyyy'}); 
     }); 
// --> 
    /*]]>*/ 
    </script> 

而且這裏的HTML部分:

<input type="text" name="tx_cal_controller[startdate]" id="startdate" readonly="readonly"> 

必要的JavaScript庫包含在標題:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://foo.bar/fileadmin/res/jquery-ui-1.8.17.custom.min.js?1328657226" type="text/javascript"></script> 

但有當我點擊輸入字段時沒有日期選擇器。我真的很感激,如果有人能給我一個提示。

在此先感謝。

+0

也許是因爲輸入是隻讀的? – 2012-02-08 11:43:29

+0

您是否嘗試刪除腳本週圍的<! - 和CDATA部分?順便說一句,日期格式應該是dd.mm.yy,因爲y表示2位數年份,yy表示4位數年份。 – PHeiberg 2012-02-08 11:56:38

+0

這適用於我:http://jsfiddle.net/46uJy/ 嘗試調試js,看看是否有任何錯誤發生。 – PHeiberg 2012-02-08 11:57:47

回答

0

我解決了它。日期選擇器的div有問題。我不得不包含我自己的jQuery-UI包並對其進行修改,以便當點擊輸入字段時,datepicker的z-index會比其他內容div更高(> 1000),因此可見。