如何在 jqGrid 搜索工具栏中获取日期选择器？答案

【问题标题】：How to get datepicker in jqGrid search toolbar?如何在 jqGrid 搜索工具栏中获取日期选择器？
【发布时间】：2010-08-04 17:31:43
【问题描述】：

我想在搜索文本字段中使用日期选择器，并最终在 jqgrid 的编辑字段中使用。

有什么办法吗？

有人用过这样的组合吗？带有 jqGrid 的日期选择器？

【问题讨论】：

标签： jquery jquery-ui datepicker jqgrid

【解决方案1】：

您将在字段定义中执行以下操作，

colModel: [{ name: 'Start', index: 'Start', searchoptions: { sopt: ['eq', 'ne'], 
dataInit: function (elem) { $(elem).datepicker({ showButtonPanel: true }) } } },

【讨论】：

【解决方案2】：

我找到了路：

它隐藏在文档深处：

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:search_config

【讨论】：

【解决方案3】：

试试：

{ name: 'AWBDate', index: 'AWBDate', width: 90, align: 'left', editable: false, formatter: 'date',search: true,

            formatoptions: {
                srcformat: 'd/m/Y H:i:s',
                newformat: 'd/m/Y'
            },
            sorttype:"date",
            searchoptions: {
                sopt: ['eq'],
                dataInit: function (elem) {
                    $(elem).datepicker({
                        dateFormat: 'dd/mm/yy',
                        changeYear: true,
                        changeMonth: true,                            
                        showWeek: true,
                        onSelect: function (dateText, inst) {
                            setTimeout(function () {
                                $('#jQGridapproval')[0].triggerToolbar();
                            }, 100);
                        }
                    });
                }
            }
        },

【讨论】：

【解决方案4】：

这段代码对我有用。

colModel: [ 
    {
        name: 'created_at',
        index: 'Creation Date',
        search: true,
        searchoptions: {
            sopt: ['eq'],
            dataInit: function(e) {
                $(e).datepicker({
                        dateFormat: 'yy-mm-dd'
                    })
                    .change(function() {
                        $("#list2")[0].triggerToolbar();
                    });
            }
        }
    },
]

$("#list2") 是 jqgrid 表选择器。

【讨论】：

【解决方案5】：

colModel:[
    { name: "DateFrom", width: 110, index: 'DateFrom', search: true,
        searchoptions: {      dataInit: function(el) {
            $(el).datepicker({
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                dateFormat: 'dd-mm-yy'
            });
        }
        }
    }
]

【讨论】：