日期選擇器笨2.2問題

喜我嘗試jQuery的日期選擇器集成到我的笨項目..問題是，我不能得到它的工作..我的源代碼來自http://view.jquery.com/tags/ui/latest/demos/functional/#ui.datepicker 確定繼承人我的代碼：日期選擇器笨2.2問題

視圖：

<srcipt> 
$("#formatted").datepicker({ 
    dateFormat: $.datepicker.ISO_8601, 
    showOn: "both", 
    buttonImage: "templates/images/calendar.gif", 
    buttonImageOnly: true 
}); 
</script> 
<form action="add" method="post" class="form label-inline uniform" /> 
<input type="text" size="30" value="" id="formatted"/> 
<input type="submit" class="btn btn-grey" value="Add User"/> 
</form> 
<script src="/assets/js/jquery/jquery-1.5.2.min.js"></script>

編輯我已經添加了所有的JS來源，但它仍然沒有工作

<script src="/assets/js/jquery/jquery-1.5.2.min.js"></script> 
<script src="/assets/js/jquery/jquery-ui-1.8.12.custom.min.js"></script> 
<script src="/assets/js/misc/excanvas.min.js"></script> 
<script src="/assets/js/jquery/facebox.js"></script> 
<script src="/assets/js/jquery/jquery.visualize.js"></script> 
<script src="/assets/js/jquery/jquery.dataTables.min.js"></script> 
<script src="/assets/js/jquery/jquery.tablesorter.min.js"></script> 
<script src="/assets/js/jquery/jquery.uniform.min.js"></script> 
<script src="/assets/js/jquery/jquery.placeholder.min.js"></script> 
<script src="/assets/js/widgets.js"></script> 
<script src="/assets/js/dashboard.js"></script>

編輯爲datepicker創建了一個示例視圖頁面。即使圖像的鏈接不工作，仍然無法正常工作。

<html> 
<head> 
<script src="/assets/js/jquery/jquery-1.5.2.min.js"></script> 
<script src="/assets/js/jquery/jquery-ui-1.8.12.custom.min.js"></script> 
<script src="/assets/js/misc/excanvas.min.js"></script> 
<script src="/assets/js/jquery/facebox.js"></script> 
<script src="/assets/js/jquery/jquery.visualize.js"></script> 
<script src="/assets/js/jquery/jquery.dataTables.min.js"></script> 
<script src="/assets/js/jquery/jquery.tablesorter.min.js"></script> 
<script src="/assets/js/jquery/jquery.uniform.min.js"></script> 
<script src="/assets/js/jquery/jquery.placeholder.min.js"></script> 

<script src="/assets/js/widgets.js"></script> 
<script src="/assets/js/dashboard.js"></script> 

</head> 
<body> 
<script> 
$("#formatted").datepicker({ 
    dateFormat: $.datepicker.ISO_8601, 
    showOn: "both", 
    buttonImage: "http://pgoadmin.com/assets/images/calendar.gif", 
    buttonImageOnly: true 
}); 
</script> 

<form> 
<input type="text" size="30" value="" id="formatted"/> 
</form> 
</body> 
</html>

來源

2011-05-18 kester martinez

您需要的jQuery UI加載到使用日期選擇

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.js

不要忘了圖像和CSS以及：

http://jqueryui.com/download

來源

2011-05-18 03:48:10 wesbos

我已經加入這一切但其仍然沒有工作 – 2011-05-18 06:30:37

您需要包括jQuery之前，你開始使用它。嘗試移動jQuery代碼下面的JS代碼。如Wes所說，你還需要包含jQuery UI的日期選擇器組件。

此外，這也許是一個錯字，你的標籤說「sricpt」，而不是「腳本」。

來源

2011-05-18 03:48:35

我已經添加了所有的JS鏈接,,加載的jQuery的ui.js但它仍然沒有工作 – 2011-05-18 04:58:22

你移動的jQuery標籤的頁面中，以之前你的JS代碼像我說的？ – 2011-05-18 05:01:00

是的，它已經在我的標題模板上了。 – 2011-05-18 05:17:56

並且不要忘記添加base_url（）;到您的js路徑

例如

<script src="<?php echo base_url(); ?>assets/js/dashboard.js"></script>

來源

2011-05-18 08:04:47

我已經解決了這個問題。謝謝 – 2011-05-18 09:28:50

日期選擇器笨2.2問題

回答

相關問題