2012-05-05 39 views
2

我嘗試了一切,但Jquery UI日期選擇器不顯示。Jquery UI Datepicker不工作

這裏是我的代碼

HEAD

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" /> 
<script type="text/javascript" src="script/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="script/jquery-ui-1.8.19.custom.min.js"></script> 

HTML

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

<script> 
$("#date").datepicker(); 
</script> 

什麼我做錯了?。

謝謝。

我只是發現了問題: 的jQuery-UI-1.8.19.custom.min.js似乎有一個錯誤,因爲它不使用jQuery-1.7.1.min.js工作。 我重新從Jquery下載了這些文件,他們現在是: jquery-1.7.2.min.js jquery-ui-1.8.20.custom.min.js 現在的日期選擇器工作得很好。 PD。我有刪除這個問題,或者可能會讓其他人知道這一點。 感謝您的回答和時間。

+0

該代碼本身似乎就罰款。你的網頁上是否有其他代碼?您的JavaScript和CSS文件的路徑是否正確? – j08691

+0

不,只是HTML和PHP ..沒有其他的javascript代碼..所有的路徑都在工作...這就是爲什麼我不明白我在做什麼錯...我在Chrome中也測試過,沒有任何事情發生... –

回答

0

你需要把這段代碼中運行此代碼:

$(function(){ 
    $('#date').datepicker();  
}); 

否則將無法正常工作。在應用日期選擇器功能之前,等待您的DOM完全加載。

+0

If這些腳本是OP所說的,並且實例化日期選擇器的調用在他調用它的元素之後,它應該可以正常工作,而無需使用doc.ready。 – j08691

+0

在發佈這個問題之前,我嘗試過這樣做。它不起作用..我變得瘋狂的人。 –

0

您可能需要的文件準備功能

<script>  
$(document).ready(function() { 
    $('#date').datepicker(); 
}); 
</script> 
+0

如果腳本與OP所說的一樣頭痛,並且實例化datepicker的調用位於他所調用的元素之後,它應該可以正常工作,而無需使用doc.ready。 – j08691

+0

正確,也只是一個建議,如果其他的東西沒有用 –