jqgrid 单元格引入时间datepicker控件

南笙酒味 提交于 2020-05-04 02:02:01

简述原理:引入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、引入插件就可以了。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!