码迷,mamicode.com
首页 > 其他好文 > 详细

jqgrid 单元格引入时间datepicker控件

时间:2018-03-17 15:24:27      阅读:383      评论:0      收藏:0      [点我收藏+]

标签:log   变量   单元格   info   func   require   show   gpo   nbsp   

技术分享图片

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

jqgrid 单元格引入时间datepicker控件

标签:log   变量   单元格   info   func   require   show   gpo   nbsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!