jqgrid 表头筛选 日期

在 jqGrid 中，你可以使用 `datepicker` 来实现日期筛选功能。首先，你需要引入 `jquery-ui.js` 和 `jquery-ui.css` 文件。然后，你可以在 `colModel` 中定义一个 `searchoptions` 对象，并设置其 `dataInit` 值为以下代码：

searchoptions: {
    dataInit: function(elem) {
        $(elem).datepicker({
            dateFormat: 'yy-mm-dd'
        });
    }
}

这里我们使用了 `datepicker` 方法来实现日期控件，并设置 `dateFormat` 属性为 `'yy-mm-dd'`，以实现日期格式化。这样，当用户在表头筛选中选择日期时，日期控件就会弹出，并自动格式化日期。以下是完整的代码示例：

$("#grid").jqGrid({
    url:'data.json',
    datatype: 'json',
    colModel:[
        {name:'id', index:'id', width:50, align:'center', searchoptions:{sopt:['eq']}},
        {name:'name', index:'name', width:100, searchoptions:{sopt:['cn']}},
        {name:'date', index:'date', width:100, align:'center', searchoptions: {
            dataInit: function(elem) {
                $(elem).datepicker({
                    dateFormat: 'yy-mm-dd'
                });
            }
        }}
    ],
    pager:'#pager',
    rowNum:10,
    rowList:[10,20,30],
    viewrecords:true,
    height:'100%'
});

在上面的代码示例中，我们定义了一个名为 `date` 的列，并使用 `datepicker` 方法实现日期筛选控件。注意，我们设置了 `searchoptions` 对象，并将其 `dataInit` 值设置为日期控件初始化函数。这样，当用户在表头筛选中选择日期时，日期控件就会弹出，并自动格式化日期。