日期选择器笨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问题

回答

相关问题