Как добавить datepicker в jqgrid

Question

В поле моей сетки поле не отображается, когда я пишу поле даты в сетке. Даже сетка также не отображается

colModel:[ 
{name:'id',index:'id', width:55, editable:false,editrules:{required:true},searchoptions:{sopt: ['eq', 'ne']}},    
{name:'employe',index:'employe', width:100,editable:true,formoptions:{rowpos:2,elmprefix:"    "},editrules:{required:true}}, 
{name:'gender',index:'gender', width:55,editable: true, formatter: 'dynamicText', width: 150, edittype: 'custom', editoptions: { custom_element: radioelem, custom_value: radiovalue},formoptions:{rowpos:4,elmprefix:"    "}}, 
{name:'role',index:'role', width:100,editable:true,edittype:"select", 
    editoptions:{dataUrl:'test.txt', defaultValue:'Intime'}, 
    formoptions:{rowpos:3,elmprefix:"    " }}, 
{name:'department',index:'department', width:80, align:"right",editable:true,edittype:"select", 
    editoptions:{dataUrl:'test.txt', defaultValue:'Intime'}, 
    formoptions:{rowpos:5,elmprefix:"    " }}, 
{name:'joinedate',index:'joinedate', width:80, 
    editable:true, 
    editoptions:{size:12, 
     dataInit:function(el){ 
      $(el).datepicker({dateFormat:'yy-mm-dd '}); 
     }, 
     defaultValue: function(){ 
      var currentTime = new Date(); 
      var month = parseInt(currentTime.getMonth() + 1); 
      month = month <= 9 ? "0"+month : month; 
      var day = currentTime.getDate(); 
      day = day <= 9 ? "0"+day : day; 
      var year = currentTime.getFullYear(); 
      return year+"-"+month + "-"+day;     
     } 
    }, 
    formoptions:{ rowpos:6,elmsuffix:" yyyy-mm-dd", elmprefix:"&nbsp;&nbsp;&nbsp;&nbsp;"}, 
    editrules:{required:true} 
} 

Это мой код .. в поле даты сетки не отображается, пожалуйста, помогите мне.

Answer 1

Я думаю, вы должны попытаться поставить метод Datepicker создающих в случае:

beforeShowForm 

Answer 2

Проблема заключается в том, что некоторые версии jqGrid называют dataInitперед темel размещены на этой странице. Поэтому jQuery UI Datepicker не работает в этом случае. Вы можете решить эту проблему, вызвав datepickerпозже:

dataInit: function (el) { 
    setTimeout(function() { 
     $(el).datepicker({dateFormat:'yy-mm-dd '}); 
    }, 50); 
}