jqGrid и DatePicker

Question

Я искал, но я не понимаю, как сделать эту работу ...

Я хочу использовать выбор даты на Add Form ...

Как я могу это сделать .....

Спасибо

$(function() { 
 
    $("#list").jqGrid({ 
 
     url: "bftri.php", 
 
     datatype: "xml", 
 
     mtype: "GET", 
 
     colNames: ["id","Date", "Libelle", "Participant","Lieu","Format","Site","Type","Composition"], 
 
     colModel: [ 
 
\t \t \t { name: "id", width: 30}, 
 
      {name:'date', index:'date', label: 'Date', width: 80,editable: true } 
 
     ],

И у меня есть beforeshowform .....

beforeShowForm: function(form) { 
    $('#tr_date', form).hide(); 
    $('#tr_libelle', form).hide(); 
    $('#tr_lieu', form).hide(); 
    $('#tr_format', form).hide(); 
    $('#tr_site', form).hide(); 
    $('#tr_type', form).hide(); 
    $('#tr_composition', form).hide(); 
} 

Answer 1

Вы можете использовать editoptions.dataInit, например. Код будет выглядеть

{ 
    name: "date", 
    label: "Date", 
    width: 80, 
    editable: true, 
    editoptions: { 
     dataInit: function (elem) { 
      $(elem).datepicker({ 
       //dateFormat: "dd-mm-yy", // !!! you need set correct dateFormat 
       //autoSize: true, 
       changeYear: true, 
       changeMonth: true, 
       showButtonPanel: true, 
       showWeek: true 
      }); 
     } 

    } 
} 

Очень важно, что вы используете правильный dateFormat вариант с JQuery UI Datepicker, которые соответствуют формату данных.

Код beforeShowForm выглядит очень странно. Почему вы скрываете все поле ввода формы редактирования? Если вы спрячете строку, которая позволяет редактировать столбец date (см. $('#tr_date', form).hide()), вы не сможете редактировать его и не сможете использовать Datepicker.