easyui中datagrid时间格式化(只显示年月日)

最近才开始用easyui和mvc4做项目,对JQUERY什么的完全不熟,datagrid在解决的json转换日期格式的问题后,又出现了新的问题,表格中的日期成了这样

XX日期
2015-3-1 00:00:00

看起来用户体验很差,以前在WEB FORM的时候还是挺好改这种的,可是现在却无从下手,直到刚才看到某人的文章,才发现方法不要太简单,
datagrid 里有fomatter方法,可以写成这样

	{
	   field: ‘VehicleInspectionDate‘, title: ‘审验有效期‘, width: 80, sortable: true, formatter: function (value, row, index) {
	   var unixTimestamp = new Date(value);
	   return unixTimestamp.toLocaleDateString();
	  }
	},原来new date不只能取当然时间,还能传值达,不但能传值,还可以格式化,

  • toDateString()——以特定于实现的格式化显示星期几、月、日和年;
  • toTimeString()——以特定于实现的格式显示时、分、秒和时区;
  • toLocaleDateString()——以特定于实现的格式显示时、分、秒和时区;
  • toLocaleTimeString()——以特定于实现的格式显示时、分、秒;
  • toUTCString()——以特定于实现的格式显示完整的UTC日期。
    这若干种方法可以点出很多想要的格式哦,比如toDateString()就是yyyy-MM-dd的格式
    toLocaleDateString()显示的是yyyy年MM月dd日
    --------
    果然方便。
时间: 2024-10-12 11:35:48

easyui中datagrid时间格式化(只显示年月日)的相关文章

EasyUI中datagrid实现显示、增加、 删除、 修改、 查询操作(后台代码C#)

2datagrid加载数据.代码如下所示 一.数据的显示 1新建HtmlPage2.html页面,引入相关文件.如下所示 <script src="easyui/js/jquery-1.8.2.min.js"></script>  <script src="easyui/js/jquery.easyui.min.js"></script>  <link href="easyui/css/themes/d

EasyUI DataGrid 时间格式化

页面代码: <table id="tbList" style="height: 340px;" striped="true" rownumbers="true" title="" iconcls="icon-edit" nowrap="false"  checkbox="true" idfield="Id" url=&qu

easyui 中Datagrid 控件在列较多且无数据时,列显示不全的解决方案

在onLoadSuccess 中加入如下代码就OK啦 $('#dg3').datagrid({ onLoadSuccess:function(data){ if(data.total==0){ var dc = $(this).data('datagrid').dc; var header2Row = dc.header2.find('tr.datagrid-header-row'); dc.body2.find('table').append(header2Row.clone().css({"

利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能

我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序 HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据,难免会含有方便操作的 主键ID这列的记录.现在项目需要在easyUI的DataGrid中显示的数据能全部导出Excel,包括DataGrid中的中文标题,其他的统统不 要. 完成该功能所需的工具和环境:Newtonsoft.Json序列化和反序列化类库.easyUI前端UI框架.HttpHandl

EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager implements java.io.Serializable { private Integer id; private Role role; private String loginName; private String password; private int status; private Da

SpringMVC+easyUI中datagrid分页实现_2014.5.1

一.概述 SpringMVC: 1.是面对方法级变量的,在操作起来会比struts方便一些(structs是类级变量),具体体现在了srpingMVC的注解上面, 如@RequstMapping("/login"),而且对于返回值ModelAndView这也是一大亮点,既可以返回一个页面(View),再加上@ResponseBody注解以后就可以返回一个      模型对象(也就是一种数据结构). 2.对于方法级传入的参数操作起来也相当方便,比如本例中,在加载DataGrid时,会像后

easyui的datetimebox时间格式化详解

今天公司让用easyui的datetimebox组件,而且还要让格式化成大家通用的那种,网上搜了很多,但差不多都是复制黏贴的,最后请教了下螃蟹. 感谢螃蟹抽空给做了个例子,现在拿出来和大家分享下,效果图如下这里主要实现了两个功能,一个是将时间格式化,一个是将年月日时分秒全都剥离了出来,可以随意调用. 具体的代码可到螃蟹博客主页看下,地址: http://www.itxxz.com/a/kuangjia/2014/0603/12.html easyui的datetimebox时间格式化详解,布布扣

jquery-easyui中datagrid扩展,隐藏显示表头功能

今天,后台中需要新增一个功能,用户可以自由选择显示的列,之后保存到本地localStroage中.所以扩展了easyui中datagrid的onHeaderContextMenu方法. 使用方法: _this.$table.datagrid(_.extend({ fit: true, border: false, striped: true, method: "get", pagination: true, singleSelect: true, loadMsg: "加载数据

Android中ScrollView嵌套ListView只显示一行的解决方案

Android中ScrollView嵌套ListView只显示一行的解决方案 解决方案1: 直接把包含ListView控件的ScrollView控件从布局文件中去除,留下ListView控件,这是最简单快捷的解决办法. 如果一定要在ScrollView中包含ListView,则参考 解决方案2: public void showlist() { List<HashMap<String, String>> dataHashMaps = new ArrayList<HashMap