2013-10-13 40 views
2

問題很簡單。我已經正確包含了所有內容,但日期選擇器不會顯示。我在我的HTML頭標記加入腳本:JQuery UI - 無法讓datepicker工作

<script type="text/javascript" src="<?php echo site_url('js/jquery-1.10.2.min.js'); ?>"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="<?php echo site_url('css/jquery.ui.core.css'); ?>"> 
<link rel="stylesheet" href="<?php echo site_url('css/jquery.ui.datepicker.css'); ?>"> 

於日期選擇器代碼...

<input type="text" name="date" id="date"> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#date").datepicker({ dateFormat: "yy-m-d" }); 
    }); 
</script> 

就是這樣。沒有日期選擇器或該文本輸入上的任何內容。也沒有錯誤... :(

+0

你有沒有加載的jQuery UI的CSS文件 – undefined

+0

沒有...這是必須的嗎? – user568021

+0

它用於UI庫創建的樣式元素,沒有它,你應該自己設計元素的樣式,瘋狂。 – undefined

回答

4

包括jQuery的jQuery UI的前

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

工作代碼

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script> 
$(function() { 
    $("#date").datepicker(); 
}); 
</script> 

日期:?

+0

這很合乎邏輯。我編輯了我的問題,這樣會更清楚。 – user568021

+0

你的代碼片段保存了我的屁股。但我不知道什麼是錯的。 – user568021

+0

即時通訊很高興。它幫助:) –