It is not so difficult. You need to use onInitializeForm which is caled only once whent the form is constructed. if the name of the date field in colModel if mydate, then

onInitializeForm : function(form_id) {
jQuery(“#mydate”,form_id).datepicker({showOn: ‘focus’});
}

Regards
Tony

Hi,

with the above code it is working.
But the Datapicker is in the background of the form window. So you see it in grey and its covered by the form window. How to get it in the same layer??
When you use the edit form, It also show the today date and not the date which is in the field.

Do you have an idea how to fix this problems?

By the way this grid Plugin is really the best in web. 😉

BR

Rene

Sorry forgot to tell that there are some problems related to z-index in jqModal and UI Datepicer. We have a couple of ways to solve this.

1. Open jqModal.js and set the zIndex value to something like 900. UI Datepicker use a z-index 1001.

2. Open UI Datepicker CSS and set the zindex to 3200 by example

3. Open grid.formedit.js find function viewModal and add on additional option
zIndex:900

This will solve and the second problem

Regards
Tony

Paul,
Do you use navigator or separate method to edit or insert row?
See the docs – this should be placed in the option of the method

Regards
Tony

Hello,

The onInitializeForm should not be called within jqGrid parameters, but in the parameters of the particular action (search, edit, add, delete) in the navGrid method – See docs.

Regards

Tony

Hello,

I think you place a datepicker on every possible place.

The dataInit event is placed in wrong place. Refer to docs where to put it – there is such example with datepicker.

Try first with only one datepicker and see the result.

Regards

Tony