列过滤器中的 Struts2 jqGrid DatePicker

【问题标题】：Struts2 jqGrid DatePicker in Column Filter列过滤器中的 Struts2 jqGrid DatePicker
【发布时间】：2015-06-08 17:59:57
【问题描述】：

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

我试图更改为 DatePicker 的字段的 id 是 gs_fraudBegDt

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

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

如何让 gs_fraudBegDt 更改为 DatePicker？

非常感谢任何帮助。

【问题讨论】：

【解决方案1】：

我想出了解决办法：

第 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 步：将 searchoption 属性添加到 sjg:gridColumn 标记。在 dataInit 部分中引用第 2 步中的变量名称。

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

【讨论】：