2012-11-28 50 views
0

我想實現下面的datepicker http://www.eyecon.ro/datepicker/#about。但我沒有看到日曆選項。我在這裏錯過了什麼?jquery中的datepicker錯誤

<script class="include" type="text/javascript" src="/media/js/datepicker/js/jquery.js"></script> 
<script class="include" type="text/javascript" src="/media/js/datepicker/js/datepicker.js">  </script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#date1').DatePicker(); 
     $('#date1').DatePickerShow(); 
    }); 
</script> 

<input type="text" id="date1" class="datepicker" /> 
+1

並檢查您的日期選擇的路徑是正確的上面的代碼似乎像一個複製/粘貼。 – JonathanRomer

+0

希望你不要錯過的CSS文件.... :) :) – bipen

+0

但我認爲這似乎是一個JS錯誤。如果我把$('#date1')後的警報。DatePicker();那沒有出現 – Rajeev

回答

0

把你的代碼中<script type="text/javascript">

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#date1').DatePicker(); 
//$('#date1').DatePickerShow(); //this line is not needed. 

}); 

而且還檢查JS路徑如上評論。

+0

是的我的代碼是在一個腳本標記內。將編輯問題 – Rajeev

+0

'type =「text/javascript」'刷新頁面清除緩存並重試它的工作。 –

+0

s現在加了它..在編輯 – Rajeev

0

確保您鏈接到正確的庫。對於許多很好的理由使用谷歌作爲您的jQuery的來源

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
+0

但我認爲似乎有一個JS錯誤。如果我把$('#date1')。後的警報DatePicker();那沒有顯示 – Rajeev

0

將Javascript和CSS文件附加到您的文檔。編輯CSS文件並修復圖像路徑並更改顏色以適合您的網站主題。

我想你還沒有下載所需的CSS和JS文件,或者你沒有改變從源代碼下載的CSS文件中的圖像路徑。

<link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css" /> 
<script type="text/javascript" src="js/datepicker.js"></script> 

調用代碼:

$('#date1').DatePicker(); 

和顯示隱藏,

$('#date1').DatePickerShow(); 
$('#date1').DatePickerHide(); 
+0

s我從文檔中讀到這個..但不能得到這個工作 – Rajeev

+0

你下載了文件並改變了'datepicker.css'文件中圖像的路徑。 –

+0

是的,我做到了。同樣的問題 – Rajeev