列筛选器中的Struts2 jqGrid DatePicker

时间:2015-06-08 17:59:58

标签: jquery jsp struts2 jqgrid datepicker

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

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

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

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

如何让gs_fraudBegDt更改为DatePicker?

非常感谢任何帮助。

1 个答案:

答案 0 :(得分: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'} }"