日期选择器代码点火器 2.2 问题 - datepicker codeigniter 2.2 problem

datepicker codeigniter 2.2 problem

嗨，我

试图将jQuery日期选择器集成到我的Codeigniter项目中..问题是我无法让它工作..我的源代码来自 http://view.jquery.com/tags/ui/latest/demos/functional/#ui.datepicker好的，这是我的代码：

视图：

<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>

编辑为日期选取器创建了一个示例视图页面。仍然不起作用，即使图像的链接也不起作用。

<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>

你需要在jQuery UI中加载才能使用日期选择器

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

不要忘记图像和CSS：

http://jqueryui.com/download

在开始使用 jquery 之前，您需要包含它。尝试将 JS 代码移动到 jquery 标签下方。

正如Wes所说，你还需要包含jquery UI日期选择器组件。

另外，这可能是一个错字，您的标签上写着"sricpt"而不是"script"。

并且

不要忘记将base_url（）添加到您的js路径中

例如

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