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 
       });

它的驾驶我坚果，任何人有这个想法吗？

感谢任何帮助。谢谢。

来源

2012-02-02 ipohfly

不要在html文件中包含按钮。 Datepicker应该自己创建按钮元素。另外，不要在你的html的任何地方包含'hasDatepicker'类。在该元素已由datepicker处理之后，该类将添加到元素中。

来源

2012-02-02 05:58:59 fourk

当我删除按钮，日历图标也没有显示，这是否意味着datepicker不生成按钮？ – ipohfly 2012-02-02 06:07:09

argh..my故障，从我的输入中删除'hasDatepicker'类后得到修复，谢谢一堆！ – ipohfly 2012-02-02 06:11:26

我想我们需要把上面的代码放在$（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 
       }); 
});

来源

2012-02-02 05:58:31 nkm

尝试过，但仍然无法正常工作。 – ipohfly 2012-02-02 06:06:35

jquery datepicker不工作在ftl

回答

相关问题