我想在使用 jQuery、appery.io 框架的网站中添加一个日期选择器。有人可以建议一个链接或教程来执行此操作吗?尝试在网站中弹出一个日期选择器,目前它仅在输入框中显示当前日期,如下所示:
<input type="text" name="cal" id="cal_id".....>
使用的javascript库有jquery-1.8.2.js、jquery-1.8.2.min.js、jquery.mobile-1.3.0.js等
我尝试了来自 http://jqueryui.com/datepicker/ 的 JQuery UI datepicker 。添加了 javascript 文件:code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css、code.jquery.com/jquery-1.10.2.js、code.jquery.com/ui/1.10 .4/jquery-ui.js。添加脚本如下:
<script>
$(function () {
$("#datepicker").datepicker();
});
</script>
在输入框中进行如下更改:
<input type="text" name="cal" id="datepicker"...>
网站中的日期选择器无法正常工作或弹出。我是 javascript 和 appery.io 的新程序员,我想我正在做一些非常愚蠢的事情或缺少一些非常基本的东西。请帮忙。
[我还尝试了 http://www.javascriptkit.com/script/script2/timestamp.shtml 中的一些其他日期选择器, http://javascriptcalendar.org/javascript-date-picker.php , http://www.kean.edu/~cpd/calendar/zapatec/zpcal/doc/wizard.html..nothing似乎对我有用。]
当我尝试刷新页面时,它显示“未捕获的类型错误:未定义不是函数”和“未捕获的类型错误:无法读取未定义的属性“activePageClass”。
更新:现在只有当我刷新页面时才会弹出日期选择器!因此,当我导航到此日历页面并单击输入框时,它不起作用或不弹出日期选择器。但是如果我在浏览器中刷新页面,那么它就可以工作了!请帮忙!
最佳答案
你的脚本对我有用。您添加了 jquery-ui.css 吗?
将其添加到您的网站:
<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
测试使用: jQuery-2.0.2、jQuery-UI-1.10.3
编辑:
根据您的评论,我推断您的日历是在调用脚本后动态添加的。您的 jquery 函数仅影响页面加载时找到的元素,对于动态添加的元素,您需要查看 Jquery 的 live功能。
尝试将脚本替换为:
$(function () {
$(document).on('click', "#datepicker", function (e){
$(this).datepicker();
});
});
关于javascript - 无法使用 javascript 弹出日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24248279/