`
runfeel
  • 浏览: 935746 次
文章分类
社区版块
存档分类
最新评论

easyui datagrid 日间格化(JS 日期时间本地化显示)

 
阅读更多

easyui datagrid 日期时间显示不正常,后台java 类型为 DATE 经过JSON工具一转化传到前台来就是这样,不便 于是想格式化一下,


格式化代码 如下:

$('#gridTable').datagrid({
	        title: '系统通知及广告管理',
	        loadMsg:'数据加载中,请稍后……',  
	        rownumbers: true,
	        pagination: true,
	        singleSelect: false,
	        pageSize: 10,
	        pageList: [5, 10, 15, 20],
	        fitColumns: true,
			fit: true,
	        striped: true,
	        nowrap: false,
	        url: 'list.do',
	        idField:'mediaId',
			columns:[[
				{field:'id',checkbox:true},  
				{field:'system',title:'适用系统'},
				{field:'infoType',title:'消息类型',
					formatter:
			        	 function(value, row, index){
			        	 if(value==1)
			        		 return "文本";
			        	 if(value==2)
			        		 return "图片";
			        	 if(value==3)
			        		 return "视频";
			        	 else 
			        		 return "<span style=\"color:red\" >未知</span>";
						}},
		         {field:'title',title:'标题'},  
		         {field:'content',title:'内容',width:140},
				   {field:'issueTime',title:'生效时间',
		        	 formatter:function(value,row,index){
		        		 var unixTimestamp = new Date(value);
		        		 return unixTimestamp.toLocaleString();
		        		 }
					},
				   {field:'disabledTime',title:'失效时间'},
				   {field:'userId',title:'用户ID'},
				   {field:'userName',title:'操作员'}
			]],

格式化显示 正常,



分享到:
评论

相关推荐

    easyui datagrid 表格 打印

    Formatter允许开发者自定义单元格显示的内容,例如日期格式化、货币格式化或链接生成等。在打印时,我们需要确保这些格式化后的信息能够被正确地保留下来,而不是仅仅打印出原始的、未格式化的数据。 实现这一目标...

    easyui datagrid 数据导出到Excel

    在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...

    easyui datagrid 右冻结

    1. **理解EasyUI datagrid**:首先,你需要熟悉EasyUI datagrid的基本用法,包括其初始化、数据加载、列配置等。 2. **分析源码**:查看easyui的源代码,找到处理表格滚动的部分,理解其工作原理。 3. **创建固定...

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    EasyUI DataGrid过滤用法实例

    首先,`datagrid-filter.js` 文件很可能包含了实现过滤功能的 JavaScript 代码。在 EasyUI 中,DataGrid 的过滤功能是通过设置列的 `filter` 属性来启用的。例如,我们可以在创建 DataGrid 时,为每一列定义过滤条件...

    easyUI datagrid rownumber自适应宽度扩展JS

    easyUI datagrid 自动调整行号大小

    easyui datagrid 增加鼠标悬停弹窗事件

    在本示例中,我们关注的是如何在EasyUI的Datagrid组件上添加一个特殊功能:当鼠标悬停在某一行时,弹出一个窗口显示该行的关键信息,例如用于图片预览。以下是对这个知识点的详细解释: 1. **EasyUI Datagrid**: ...

    easyui datagrid 动态隐藏显示列

    jquery easyui 扩展 datagrid 自定义动态隐藏显示列

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid插件 datagrid-detailview.js

    支持datagrid扩展,在一条记录下面可以嵌套一个子datagrid,切记要在页面中引入该js

    easyui datagrid editor回车切换单元格示例,可参考

    easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    ### 解决EasyUI dataGrid列较多时无数据显示不全的问题 在使用EasyUI框架进行前端开发的过程中,可能会遇到dataGrid组件在数据为空时列显示不完整的问题。这不仅影响用户体验,也降低了系统的可用性。本文将详细...

    easyui datagrid 分页查询样例

    EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的功能,如表格布局、数据分页、排序、过滤等,常用于Web应用的数据展示。在本项目中,"easyui datagrid 分页查询样例"是利用EasyUI Datagrid与...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户界面。本文将深入探讨如何使用EasyUI datagrid实现多条件筛选功能,特别是支持可复选的筛选条件,类似于淘宝网站上的...

    jquery easyui datagrid demo

    这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    easyui datagrid在编辑状态下更新列的值

    在使用EasyUI框架开发Web应用时,Datagrid组件是一个非常重要的元素,它提供了一种方便的方式来展示和操作数据。在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    解决easyui datagrid控件的日期显示问题1

    在使用EasyUI的datagrid控件时,我们常常会遇到日期数据在前端显示为`object`类型的问题,这主要是因为服务器返回的日期数据没有被正确格式化。在标题和描述中提到的解决方案,主要涉及到以下几个关键点: 1. **...

    EasyUI Datagrid 中文排序的问题

    ### EasyUI Datagrid 中文排序解决方案 #### 一、前言 在开发Web应用程序时,经常需要处理中文数据的排序问题。特别是在使用如EasyUI Datagrid这样的前端组件时,中文排序成为了开发者面临的一个常见挑战。本文将...

    easyui datagrid 导出到excel

    "EasyUI Datagrid 导出到Excel"这一主题涉及的是如何将EasyUI Datagrid中的数据显示在Excel表格中,方便用户进行数据处理和分析。以下是对这个知识点的详细说明: 1. EasyUI Datagrid简介: EasyUI Datagrid是基于...

Global site tag (gtag.js) - Google Analytics