jQuery Grid Plugin - jqGrid - Topic: Using multiple instances of datepicker in a single editable row

Turukawa on Using multiple instances of datepicker in a single editable row

Thu, 01 Dec 2011 11:01:18 +0200

Very peculiar. I started my computer this morning, restarted the server and tested the system ... and it works. Perhaps a cache that wasn't flushed? I am using Firebug so will run again with the log and use that for flagging. Thanks for the advice.

tony on Using multiple instances of datepicker in a single editable row

Wed, 30 Nov 2011 20:20:19 +0200

Hello,

I do not see a problem here.

You can use FireBug in FireFox (Chrome has also such tool) to see what is happen.

You can do (Valid only in FireFox)

console.log( varaible )

With other words

function pickdate(id){

    console.log( id);
   jQuery("#"+id+"_start_date","#tracker").datepicker({dateFormat:"yy-mm-dd"});
   jQuery("#"+id+"_end_date","#tracker").datepicker({dateFormat:"yy-mm-dd"});
}

I'm curious. Could you please replace the places of the calling in order to see the result?

function pickdate(id){

jQuery("#"+id+"_end_date","#tracker").datepicker({dateFormat:"yy-mm-dd"});
jQuery("#"+id+"_start_date","#tracker").datepicker({dateFormat:"yy-mm-dd"});
}

Or just bind it to the end date only.

Please look if you have put other name – i.e some missspeling error in the name or etc

Regards

Tony

Turukawa on Using multiple instances of datepicker in a single editable row

Wed, 30 Nov 2011 13:48:47 +0200

I have only a rudimentary knowledge of jQuery (usually program in Python) so forgive me if there is an obvious answer to this. I have a table with two instances of a date (start and end for a project).

colModel:

{name: "start_date", index: "start_date", width: 100, editable: true, sorttype:"date"},
{name: "end_date", index: "end_date", width: 100, editable: true, sorttype:"date"},

And an onclick model:

    ondblClickRow: function(id){
       if(id && id!==projectselect){
           jQuery('#tracker').jqGrid('restoreRow',projectselect);
           jQuery('#tracker').jqGrid('editRow',id,true,pickdate);
           projectselect=id; }
       },

With the pickdate function:

function pickdate(id){
jQuery("#"+id+"_start_date","#tracker").datepicker({dateFormat:"yy-mm-dd"});
jQuery("#"+id+"_end_date","#tracker").datepicker({dateFormat:"yy-mm-dd"});
}

When I edit then only the start_date cell has the datepicker (or the other way round if I swap whichever is called first). I realise this probably has something to do with the id not being unique but I've no idea how to check this.

I would also like to check whether the start_date is less than the end_date, but that isn't as critical as simply getting the two instances to work.

Apologies if this has been asked elsewhere but I couldn't find any answers on this.

Thanks and any help much appreciated.