jqgrid 单元格引入时间datepicker控件

简述原理：引入jquery-ui插件，设置好表格所需的字段变量以及字段属性
1、设置colName与colModel

　　colNames: [‘过期时间‘‘]

　　colModel:[{   
    　　name:‘expiration‘,
   　　 index:‘date‘,
    　　width:90,
   　　 align:"center",
    　　editable:true,
   　　 edittype:‘text‘,
   　　 editrules:{required:true},
    　　editoptions: {
       　　 size:10,
       　　 maxlengh:10,
        　　dataInit:function(element){
            　$(element).datepicker({
                　　closeText: ‘关闭‘,
                　　prevText: ‘<上月‘,
                　　nextText: ‘下月>‘,
                　　currentText: ‘今天‘,
                　　monthNames: [‘一月‘,‘二月‘,‘三月‘,‘四月‘,‘五月‘,‘六月‘,
                　　‘七月‘,‘八月‘,‘九月‘,‘十月‘,‘十一月‘,‘十二月‘],
                　　dayNamesMin: [‘日‘,‘一‘,‘二‘,‘三‘,‘四‘,‘五‘,‘六‘],
               　　 weekHeader: ‘周‘,
                　　dateFormat: ‘yy-mm-dd‘,
                　　firstDay: 1,
                　　isRTL: false,
                　　showMonthAfterYear: true,
                　　yearSuffix: ‘年‘
            　　})
        　　}
    　　}
　　}

]

2、引入插件就可以了。

原文地址：https://www.cnblogs.com/TreeSky/p/8589575.html