2013-01-15 74 views
1

我已經搜索了這個問題的很多線程,但沒有人對我的情況有幫助。jquery datepicker不加載

日期選擇器不想在我的頁面上加載。 這裏的資源列表:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<link rel="stylesheet" href="../jscripts/demos.css" /> 

這裏權後的jQuery代碼:

<script type="text/javascript"> 
    $(document).ready(function(){   
      $("#d1, #d2").datepicker(); 
    }); 
    </script> 

請幫我出這一點。謝謝。

UPDATE: 對不起,我忘了添加HTML代碼:

<input type="text" id="d1" name="d1" size="15" style="text-align:right;" /> 

[...]

<input type="text" id="d2" name="d2" size="15" style="text-align:right;" /> 

試過輸出到控制檯:console.log($("#d1, #d2"));和選擇是好的,它給了我正確的投入。 錯誤:我得到以下錯誤(通過FireBug得到): 未捕獲TypeError:對象[對象對象]沒有方法'datepicker'index.php:17 (匿名函數)index.php:17 火jquery-latest。 JS:1017 self.fireWith jQuery的latest.js:1127 jQuery.extend.ready jQuery的latest.js:416 DOMContentLoaded

更新:我剛剛上傳的整個頁面的代碼在這裏:jsfiddle.net/v69eH

+1

你能分享完整的代碼嗎? – Rahul

+1

你能在控制檯上發佈任何錯誤嗎?另外,在包含所有文件之後,確保您的自定義腳本處於最後。 –

+1

它適合我。你有'id =「d1」'和'id =「d2」'的輸入。 – Jai

回答

0

我發現了這個問題。正如你所看到的,我在代碼中有另一個jQuery加載,就在內容部分之前。這覆蓋了第一個加載的jQuery,當然也是document.load事件。

0

您應該將其添加到您的頁面正文中:

<input id='d1' type='text' /><br/> 
<input id='d2' type='text' /> 

小提琴:http://jsfiddle.net/Tw5rD/