I am trying to filter the date column of my jqGrid using date selected in a datepicker but it does not work.My jqGrid gets its data returned from an AJAX call in JSON format.
In the colModel section of my jqGrid I made sure to set sorttype to date, set search to true, set the datepicker to trigger Toolbar on change but nothing is happening. The version of my jqGrid is Guriddo jqGrid JS – v5.3.0 and below is my colModel section for my Date column.
{
name: ‘Register_Date’, title: false, stype: ‘text’,
index: ‘Register_Date’, formatter: ‘date’,
formatoptions: {
newformat: ‘m/d/Y’
},
editable: true,
formoptions: {
rowpos: 1,
colpos: 2,
label: ‘Register Date’
},
editrules: {
required: true
},
editoptions: {
size: 20,
maxlengh: 10,
dataInit: function(element) {
$(element).datepicker({
dateFormat: ‘mm/dd/yy’,
constrainInput: false,
showOn: ‘button’,
buttonText: ‘…’
}).change(function() {
$(“#jqGrid”)[0].triggerToolbar();
})
}
},
sorttype: ‘date’,
search: true,
searchoptions: {
dataInit: function(element) {
$(element).datepicker({
id: ‘Register_Date_datePicker’,
dateFormat: ‘mm/dd/yy’,
showOn: ‘focus’,
}).change(function() {
$(“#jqGrid”)[0].triggerToolbar();
})
},
sopt: [‘cn’, ‘eq’, ‘lt’, ‘le’, , ‘gt’, ‘ge’]
}
}
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top