Question

我正在尝试在freemarker文件中使用jquery datepicker。但是，当我单击按钮时，日历无法加载。奇怪的是在同一页面上，有另一个字段使用了datepicker并运行良好。

这是文字输入：

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

这是我用来分配datepicker的脚本：

jQuery("#Form_approvedDate").datepicker({
                showOn: 'button',
                buttonImage: '',
                buttonText: '',
                buttonImageOnly: false,
                dateFormat: 'yy-mm-dd',
                changeMonth: true,
                changeYear: true
              });

这让我很疯狂，任何人对此都有任何想法？

感谢任何帮助。感谢。

Answer 1

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

Answer 2

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

jquery datepicker在ftl中不起作用

2 个答案: