How to open month/year selector using keyboard navigation?

[keyurParticipant]

Hi all,
I am using DateTimeInput in one of my Grid as ‘datetimeinput’ type column. Using keyboard I am able to open the date selector and can select the date for nearby month, but I can’t use the keyboard to open the month/year selector (which I can by clicking on the top bar, month name). Is there any settings or property I need to set, or any other function I need to call.
Below is my code for the Grid:

var data = <?php echo $grid_data ?>;
var source =
{
localdata: data,
datafields: [
{name: ‘id’, type: ‘int’},
{name: ‘firstname’, type: ‘string’},
{name: ‘lastname’, type: ‘string’},
{name: ‘gender’, type: ‘string’},
{name: ‘active’, type: ‘bool’},
{name: ‘date_of_birth’, type: ‘date’},
{name: ‘note’, type: ‘string’}
],
id: ‘id’,
datatype: “json”
};
var dataAdapter = new $.jqx.dataAdapter(source);

var cellStyle = function (row, columnfield, value) {
return ”;
}
$(“#user_grid”).jqxGrid(
{
width: 500,
source: dataAdapter,
columnsresize: true,
sortable: true,
editable: true,
altrows: true,
autoheight: true,
rowsheight: 20,
selectionmode: ‘singlecell’,
editmode: ‘selectedcell’,
columns: [
{hidden: true, datafield: ‘id’, width: 0},
{text: ‘First Name’, datafield: ‘firstname’, align: ‘center’, width: 80, cellclassname: cellStyle},
{text: ‘Last Name’, datafield: ‘lastname’, align: ‘center’, width: 80, cellclassname: cellStyle},
{text: ‘Gender’, datafield: ‘gender’, align: ‘center’, columntype: ‘dropdownlist’, width: 60, cellclassname: cellStyle},
{text: ‘Active’, datafield: ‘active’, align: ‘center’, columntype: ‘checkbox’, width: 60, cellclassname: cellStyle},
{text: ‘DOB’, datafield: ‘date_of_birth’, align: ‘center’, columntype: ‘datetimeinput’, formatString: “yyyy-MM-dd”, cellsformat: “yyyy-MM-dd”, width: 100, cellclassname: cellStyle,
updaterow: function (rowid, rowdata) {
console.log(“asd”);
// synchronize with the server – send update command
var obj = rowdata;
obj.date = Date.UTC(obj.date.getUTCFullYear(), obj.date.getUTCMonth(),
obj.date.getUTCDate());
var data = $.param(obj);
}},
{text: ‘Note’, datafield: ‘note’, align: ‘center’, width: 120, cellclassname: cellStyle}

]
});

[Peter StoevKeymaster]

Hi keyur,

We have no Key access for that in our DateTimeInput or Calendar.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts