如何在jqgrid中添加日期选择器

如何在jqgrid中添加日期选择器,jqgrid,Jqgrid,在网格中写入日期字段时,不显示“在我的网格中”日期字段。即使网格也不显示 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,

在网格中写入日期字段时,不显示“在我的网格中”日期字段。即使网格也不显示

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}
}
colModel:[
{名称:'id',索引:'id',宽度:55,可编辑:false,编辑规则:{required:true},搜索选项:{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_元素:radioelem,custom_值:radiovalue},formoptions:{rowpos 4,elmprefix:'},
{名称:'role',索引:'role',宽度:100,可编辑:true,编辑类型:“select”,
editoptions:{dataUrl:'test.txt',defaultValue:'Intime'},
formoptions:{rowpos:3,前缀:'}},
{名称:'department',索引:'department',宽度:80,对齐:“right”,可编辑:true,编辑类型:“select”,
editoptions:{dataUrl:'test.txt',defaultValue:'Intime'},
formoptions:{rowpos:5,前缀:'}},
{名称:'joinedate',索引:'joinedate',宽度:80,
是的,
编辑选项:{大小:12,
dataInit:函数(el){
$(el).datepicker({dateFormat:'yy-mm-dd'});
},
defaultValue:function(){
var currentTime=新日期();
var month=parseInt(currentTime.getMonth()+1);

month=month我认为您应该尝试在事件中使用datepicker创建方法:

beforeShowForm

问题在于,在页面上放置
el
之前,jqGrid的某些版本调用了
dataInit
。因此jQuery UI Datepicker在这种情况下不起作用。您可以稍后通过调用
Datepicker
来解决此问题:

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

@user2940331:什么不起作用?我无法验证
dateFormat
是否与您使用的日期格式相对应。您可以看到datepicker吗?您使用哪种编辑模式(表单编辑不可用)?您写道“当我在网格中写入日期字段时,日期字段不显示”.您在保存数据方面有问题吗?@user2940331:如果您使用“紧急”这个词再过一次,我将停止回答你的问题。我和其他试图帮助你的人都有自己的工作。我们试图通过花私人时间来帮助你。至少催我们快点是不礼貌的。哦,我为你感到抱歉that@user2940331:对不起,我不明白你的意思。你写道:“它显示了日期格式”.您的意思是日期将正确显示在列
joinedate
?您写了“当我单击标签时,日历不会显示”。您单击了哪个“标签”?哪个“日历”你的意思是?你使用哪种编辑模式?你发布的代码不包含任何编辑。你是否调用了
navGrid
,通过选择网格的某一行并单击导航工具栏的编辑按钮来使用表单编辑?你如何编辑网格?我使用的是jqgrid。在网格中,当单击添加图标时,将显示一个对话框对话框我给了那些字段..joinedate字段未显示日期格式显示标签yy mm dd,bt未显示日历