jquery datepicker不工作在ftl
问题描述:
我想在一个freemarker文件中使用jquery datepicker。然而,当我点击按钮时,日历无法加载。奇怪的是在同一页面上,还有另外一个使用datepicker并且运行良好的字段。jquery datepicker不工作在ftl
这里的文本输入:
<input type="text" id="Form_approvedDate" maxlength="10" size="10" title="Format: yyyy-MM-dd" style="height:1px;width:1px;border:none;background-color:transparent" name="approvedDate" class="hasDatepicker">
这里是我的按钮:
<button type="button" class="ui-datepicker-trigger"></button>
,这里是我用来指定日期选择器的脚本:
jQuery("#Form_approvedDate").datepicker({
showOn: 'button',
buttonImage: '',
buttonText: '',
buttonImageOnly: false,
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true
});
它的驾驶我坚果,任何人有这个想法吗?
感谢任何帮助。谢谢。
答
不要在html文件中包含按钮。 Datepicker应该自己创建按钮元素。另外,不要在你的html的任何地方包含'hasDatepicker'类。在该元素已由datepicker处理之后,该类将添加到元素中。
答
我想我们需要把上面的代码放在$(document).ready块中,只是为了确保在dom对象被创建后才调用javascript。
$(document).ready(function() {
jQuery("#Form_approvedDate").datepicker({
showOn: 'button',
buttonImage: '',
buttonText: '',
buttonImageOnly: false,
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true
});
});
+0
尝试过,但仍然无法正常工作。 – ipohfly 2012-02-02 06:06:35
当我删除按钮,日历图标也没有显示,这是否意味着datepicker不生成按钮? – ipohfly 2012-02-02 06:07:09
argh..my故障,从我的输入中删除'hasDatepicker'类后得到修复,谢谢一堆! – ipohfly 2012-02-02 06:11:26