Thanks for your quick response. I still can't make it works.
Could you provide some demonstations?

Regards,
LiM

The z-index was it.  Thanks!

limbiz,

I'm not using the UI datePicker (spelled datepicker) but rather the plugin from http://www.kelvinluck.com/.  No particular reason, it's just how I got started.  If that is what you want, look at his datePicker page (http://www.kelvinluck.com/asse.....r/v2/demo/)

The basic process is to call his datePicker (capital 'P') method for the input field to which you wish to attach the picker and add the '' class.  For example:

jQuery("#date").

datePicker({    dateFormat:"yymmdd",
        clickInput:true,
        createButton:false,
        startDate:'2000-01-02'}).

addClass('date-pick');    // Mark grid's date fields

Hope that helps.

Check the z-index of datepicker. By default the z-index of the form is 950.

Regards

Tony

I was able to get a date picker working within the grid, but not within the 'add' input form.  The code for the add is…

            navGrid(”#pager”,
                {refresh: true, edit: false, add: true, del: true, search: true},
                {beforeSubmit: function() { alert('before edit submit'); } }, // edit
                { // add
                beforeSubmit: function() { alert('before add submit'); return true;},
                onInitializeForm : function(formid) {

                                jQuery(”#invdate”,formid).datePicker({

                                dateFormat:”yymmdd”,
                                clickInput:true,
                                createButton:false,
                                startDate:'2000-01-02'}).
                        addClass('date-pick');    // Mark grid's date fields
                    }
                 },
                { // delete
                beforeSubmit: function() { alert('before delete submit'); }
                }
                );

Firebug tells me the input field on the add input form is….

<input id="invdate" class="FormElement dp-applied date-pick" type="text" name="invdate"/>

which is substantially similar to the working input of the grid…

<input id=”1_invdate“ class=”editable dp-applied date-pick“ type=”text“ style=”width: 98%;“ name=”invdate“/>

The input behaves as if the event is not firing.  That is, clicking on the field performs no obvious action.  What am I doing wrong?

Thanks!