如何在jqGrid搜索工具栏中获取datepicker？

Question

我想在搜索文本字段中使用datepicker，最后也在jqgrid的编辑字段中。

有什么办法吗？

有没有人使用这种组合？带有jqGrid的Datepicker？

Answer 1

您将在字段定义

中执行以下操作

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

Answer 2

我找到了方法：

它隐藏在文档的深处：

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

Answer 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);
                        }
                    });
                }
            }
        },

Answer 4

这段代码对我有用。

function decodeEncodedHtmlString(input){
  var e = document.createElement('div');
  e.innerHTML = input;
  return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}

var myString = "    <li><a href="www.google.comp">Google</a></li>    <li>Something Else</li>"

document.getElementById('myUL').innerHTML = decodeEncodedHtmlString(myString);

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(); }); } } }, ] 是jqgrid表选择器。

Answer 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'
            });
        }
        }
    }
]