jQuery Grid Plugin - jqGrid - Topic: Date Picker Problem

Jbrandolino on Date Picker Problem

Thu, 17 Feb 2011 16:03:33 +0200

Was able to get the datepicker to open with this code:

{name:'effDT',index:'effDT', sorttype:"date", width:40, editable:true,

editoptions: {size: 10, maxlengh: 10,dataInit:function(element)

{$(element).datepicker()}}},

I was then getting 'URL not set' error, so I added this code to the grid definition:

editurl:'url',

cellsubmit:'clientArray',

Now have new issue with date not getting set when user doesn't click elsewhere in grid. See new post.

Jbrandolino on Date Picker Problem

Tue, 15 Feb 2011 20:19:34 +0200

I added the SetTimeOut() and now the datepicker calendar won't pop up.

{name:'effDT',index:'effDT', sorttype:"date", width:40, editable:true,

editoptions: {size: 10, maxlengh: 10,dataInit:function (elem) { setTimeout(function(){

$(elem).datepicker();}, 100); }}},

Any Suggestions?

admin on Date Picker Problem

Tue, 15 Feb 2011 20:01:54 +0200

Hello,

Please use setTimeout when set datepicker.

Please look the red text here :

http://www.trirand.com/jqgridw.....ditoptions

I'm not sure that all documentation is updated.

Regards

Tony

Jbrandolino on Date Picker Problem

Tue, 15 Feb 2011 19:06:31 +0200

It is in the right place, for some reason when I pasted it into the browser, it didn't stay formatted correctly. This is what I have:

{name:'effDT',index:'effDT', sorttype:"date", width:40, editable:true,editoptions: {size: 10, maxlengh: 10,dataInit:

function (elem) {$(elem).datepicker();}}},

OlegK on Date Picker Problem

Mon, 14 Feb 2011 19:45:06 +0200

Why you place function (elem) { in the absolutely wrong place before editoptions? It must be after dataInit:.

Jbrandolino on Date Picker Problem

Mon, 14 Feb 2011 19:33:28 +0200

Thank you. I changed my datainit to

{name:'effDT',index:'effDT', sorttype:"date", width:40, editable:true,function (elem) {

editoptions: {size: 10, maxlengh: 10,dataInit:

$(elem).datepicker();}}},

It still does not keep the date that's selected from the calendar once you move off of the cell. Any ideas?

OlegK on Date Picker Problem

Mon, 14 Feb 2011 19:18:35 +0200

It seems to me that you use dataInit function in absolutely wrong way.

dataInit: function (elem) {
$(elem).datepicker();
}

or something like

dataInit: function (elem) {
   setTimeout(function(){
   $(elem).datepicker();
   }, 100);
}

Please compare both examples with your code.

Moreover I see no sense to call reload the full grid just if the user select date: you use jQuery("#permitList").trigger("reloadGrid"); which do this.

Best regards
Oleg

Jbrandolino on Date Picker Problem

Mon, 14 Feb 2011 15:54:41 +0200

Has anyone had this issue?

Jbrandolino on Date Picker Problem

Wed, 09 Feb 2011 17:10:47 +0200

Need Help Please! I have implemented a date picker on my JQGrid. The problem is that when the calender pops up and you select a date, and move to another cell, the date disappears. I had it working, but only when calling a reloadGrid from an onSelect function (EX #1 below). I've added other code to color code rows, and am having the same problem again.

EX #1

{name: 'effDT',index:'effDT', sorttype:"date", width:40, editable:true,

editoptions: {size: 10, maxlengh: 10,dataInit:{$(element).datepicker({onSelect: getDt(dateText, inst); }})}}},

function getDt(dateText, inst) {

jQuery(

"#permitList").trigger("reloadGrid");

}

I found an entry on the forum from Tony that said to call the SetTimeout function to correct this error (EX #2 below), but now the calender doesn't pop up at all.

EX #2

{name:'effDT',index:'effDT', sorttype:"date", width:40, editable:true,function(element)

editoptions: {size: 10, maxlengh: 10,dataInit: setTimeout({$(element).datepicker()},300)}},

Please help to get this working.

Jennifer