如何使用自定义日期选择器来过滤jqgrid中的数据

时间:2017-07-09 14:17:03

标签: javascript jquery jqgrid

我们在javascript开发的应用程序中有一个自定义日期选择器组件,我想使用此组件来过滤jqgrid中的列值(即我希望它替换

dataInit : function (elem) { $(elem).datepicker(); }

如果自定义组件是这样的话,我怎么能这样做:

<IMG style="CURSOR: hand" onclick='datePick("field_to_fill_with_date_picked", this,"form_name")' border=0 src="/path/to/calendar/image.gif">

另一个问题:前面的代码实际上无法过滤列中的数据..它看起来如下......当我选择列中存在的日期时,根本没有任何事情发生。

enter image description here

2 个答案:

答案 0 :(得分:1)

你想得到这张照片的结果吗? use bootstrap-datetimepicker.js resutl

我这样做是使用代码:

{name:'CREATE_DATE_TIME',label:'创建时间',sortable:true,align:'center',
                    searchoptions : {
                        dataInit: function (element) {
                               $(element).datetimepicker({
                                    minView: 0, 
                                    language:  'zh-CN',
                                    format: "yyyy-mm-dd" ,
                                    todayBtn:  1,
                                    autoclose: 1
                                }); 
                          },
                    }

您可以在dataInit回调函数中使用日期插件。

答案 1 :(得分:0)

在所有情况下,为了回答您的问题,您需要提供有关此datepicker组件的更多信息 - 我的意思是参数的详细描述,该组件是否可以与jquery绑定函数一起使用等。

例如你说

datePick("field_to_fill_with_date_picked", this,"form_name")

field_to_fill_with_date_picked是什么意思 - 是表单中的id或名称。

您可能需要查看Guriddo jqGrid Knowledge Base并了解如何在选择日期时触发搜索(使用jQuery UI datepicker)