日期选择器笨2.2问题(datepicker codeigniter 2.2 problem)

2019-10-16 13:50发布

您好我试着去一个jQuery日期选择器集成到我的笨项目..问题是,我不能得到它的工作..我的源代码来自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>

Answer 1:

你需要在jQuery用户界面加载使用的日期选择器

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

不要忘记,以及图像和CSS:

http://jqueryui.com/download



Answer 2:

您需要包括jQuery的你开始使用它之前。 尝试移动jQuery的标签下面的JS代码。

随着韦斯说,你需要包括jQuery UI的日期选择器组件为好。

此外,这也许一个错字,你的标签说:“sricpt”而不是“脚本”。



Answer 3:

不要忘记添加BASE_URL(); 您的js路径

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


文章来源: datepicker codeigniter 2.2 problem