Struts2 列过滤器中的 jqGrid DatePicker

Question

我有一个 jsp 运行 Struts2 jqGrid 插件。我启用了网格顶部的筛选行，其中一列是日期列，我希望能够将列顶部的文本框更改为 DatePicker。

我要更改为 DatePicker 的字段的 ID 是 gs_fraudBegDt

我在页面末尾尝试了以下代码，但它似乎不起作用：

$("#gs_fraudBegDt").datePicker();

如何让 gs_fraudBegDt 更改为 DatePicker？

非常感谢任何帮助。

Answer 1

我找到了解决方案：

第一步：添加 datepicker javascript 到 head 标签...在 sj:head 标签之后。

<script type="text/javascript" src="javascript/jquery.ui.datepicker.min.js"></script>

第 2 步：创建一个将从 sjg:gridColumn 标记调用的函数。

searchDatePick=function(element) {
    $(element).datepicker();
};

第 3 步：将搜索选项属性添加到您的 sjg:gridColumn 标签。在 dataInit 部分引用步骤 #2 中的变量名称。

searchoptions="{size: 12, maxlength: 10, dataInit:searchDatePick,attr:{title:'Select the date'} }"

Struts2 jqGrid DatePicker in Column Filter