easyui将原本field为'time'的年月日时分秒一起在一列显示的拆分了年,月,日,时,分,秒各一列(将datagrid的某一列格式化为多列显示)

话不多说,上代码

$('#dg').datagrid({
	toolbar : "#tb",
	//fit: true,
	rownumbers : true,
	singleSelect : false,//多选
	autoRowHeight : false, //自动行高
	pagination : true, //显示表格下面的分页插件
	fitColumns : true, //字段自动分配
	striped : false,//显示斑马线背景
	collapsible : true, //表单收缩
	checkOnSelect : true,
	//url : url,//表格数据的请求路径
	method : 'post',
	queryParams : params,
	pageNumber : 1, //默认显示第几页
	pageSize : 10,//每页显示的记录条数,默认为10 
	pageList : [ 10, 20, 30 ],//可以设置每页记录条数的列表  
	columns : [ [ {
		field : 'uid',
		title : '序号',
		checkbox : true,
		hidden : true
	}, 
	{
		field : 'year',
		title : '年',
		width : '5%',
		align : 'center',
		formatter: function(value, row, index) {
			var rows = $('#dg').datagrid('getRows')//获取当前页的数据行
			return rows[index]['time'].slice(0,4);	
		}
	}, 
	{
		field : 'month',
		title : '月',
		width : '5%',
		align : 'center',
		formatter: function(value, row, index) {
			var rows = $('#dg').datagrid('getRows')//获取当前页的数据行
			return rows[index]['time'].slice(5,7);	
		}
	}, 
	{
		field : 'day',
		title : '日',
		width : '5%',
		align : 'center',
		formatter: function(value, row, index) {
			var rows = $('#dg').datagrid('getRows')//获取当前页的数据行
			return rows[index]['time'].slice(8,10);	
		}
	}, 
	{
		field : 'hour',
		title : '时',
		width : '5%',
		align : 'center',
		formatter: function(value, row, index) {
			var rows = $('#dg').datagrid('getRows')//获取当前页的数据行
			return rows[index]['time'].slice(11,13);	
		}
	}, 
	{
		field : 'minute',
		title : '分',
		width : '5%',
		align : 'center',
		formatter: function(value, row, index) {
			var rows = $('#dg').datagrid('getRows')//获取当前页的数据行
			return rows[index]['time'].slice(14,16);	
		}
	}, 
	{
		field : 'second',
		title : '秒',
		width : '5%',
		align : 'center',
		formatter: function(value, row, index) {
			var rows = $('#dg').datagrid('getRows')//获取当前页的数据行
			return rows[index]['time'].slice(-2);	
		}
	}],
	//假数据,先看效果
	data: [
		{time: '2019-01-01 02:11:12'},
		{time: '2019-01-21 01:13:15'}
	]
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值