jQuery Grid Plugin - jqGrid

When a datepicker is added to a column in a grid the column generates errors:

colModel date field entry:

{label: 'Date Added', name: 'DateAdded', index: 'DateAdded', width: 80,

   sortable: false,

   search: false,

   edittype: 'text',

   editable: true,

   editrules: { date: true, minValue: 0 },

   datefmt: 'dd-mmm-yyyy', 

   editoptions: { dataInit: function(elem) { $(elem).datepicker({ dateFormat: 'dd-mmm-yyyy' }); } }

},

-When the grid first starts it goes through $.fn.datepicker but doesn't go through _attachDatepicker: (ui.datepicker.js)

-When the dateAdded column is clicked on, it goes through $.fn.datepicker and does go through _attachDatepicker: At this point it generates an error.

-The next time it is clicked on it doesn't go throught _attachDatepicker. It tryes to split the value of the DateAdded field but the value is found to be empty even though there is something in it and it generates an error at grid.base.js line 1465.

             -grid.common.js.function checkDate line 274 date = date.split(sep);

-Without editoptions: { dataInit: function(elem) { $(elem).datepicker({ dateFormat: 'dd-mmm-yyyy' }); } } in the dateAdded column options in colModel, there is no error when the column is clicked.

-the content of the field is filled via json from server as the grid opens and is “03-sep-2009″.

Perhaps someone has encoutered this issue in the past and can indicate what I am doing wrong.