This is true, because when we open the form we focus the first input element – in your case the datepicker.

In order to resolve this set a option of the datepicker to be opened only on click the field.

See here:

http://jqueryui.com/demos/date.....ion-showOn

Regards

Tony

Edit - I see there are only two possibilitie  button and focus 

Also maybe you can use afterShowForm in order to focus the second input, not the first, or try to reorder the fields

Then problem is now when I open the modal form the datepicker for the first datefield ("start_date") pops up immidiatly. I like to have it open when I click into the datefield.

any body now how to fix that?

thanks

my code:

jQuery("#departuregrid").jqGrid({
                url:'remote/product.cfc?method=getTourDepartures',
                editurl: 'remote/product.cfc?method=dodeparture',               
                datatype: 'json',
                mtype: 'POST',
                colNames:['ID','Startdate','Enddate','Interval','Info'],
                colModel :[
                  {name:'departure_id',index:'departure_id', hidden:true},
                  {name:'start_date', index:'start_date', editable:true,
                      editoptions:{
                        size:12,
                          dataInit:function(el){$(el).datepicker({dateFormat:'yy-mm-dd'}); },
                        sorttype:"date"
                        }
                    },
                  {name:'end_date', index:'end_date', editable:true,
                      editoptions:{
                        size:12,
                          dataInit:function(el){$(el).datepicker({dateFormat:'yy-mm-dd'}); },
                        sorttype:"date"
                         }
                  },
                  {name:'interval', index:'interval', editable:true},
                  {name:'info', index:'info', editable:true, edittype:'text',editoptions:{size:37}}
                ],
                key:'departure_id',
                pager: '#dep_pager',
                rowNum:10,
                rowList:[10,20,30],
                sortname: 'start_date',
                sortorder: 'asc',
                height:"auto",
                width:'680',
                viewrecords: true,
                jsonReader: {
                    repeatitems : false,
                    id: "departure_id"
                },
                imgpath: 'includes/styles/images',
                caption: 'Tours Departures'
              }).navGrid('#dep_pager',{edit:true,add:true,del:true,search:false})
                  
                
            
});