@{

     ViewBag.Title = "Home Page";

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8" />

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <title>Page Title</title>

     <meta name="viewport" content="width=device-width, initial-scale=1">

     <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">

     <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">

     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

     <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

 </head>

 <body>

     <table id="List" class="easyui-datagrid" style="width: auto; height: 350px;"></table>

     <script>

         $(function () {

             $('#List').datagrid({

                 url: '@Url.Action("GetList")',

                 method: 'post',

                 fitColumns: true,

                 sortName: 'id',

                 sortOrder: 'asc',

                 idField: true,

                 striped: true,

                 singleSelect: true,

                 rownumbers: true,

                 columns: [[

                     { field: 'id', title: 'ID', width: , align: 'center' },

                     { field: 'email', title: '注册邮箱', width: , align: 'center' },

                     { field: 'pwd', title: '密码', width: , align: 'center' },

                     { field: 'time', title: '登录时间', width: , align: 'center', formatter: formatDate }

                 ]]

             });

         });

         function PrefixInteger(num, length) {

             return (Array(length).join('') + num).slice(-length);

         }

         function formatDate(NewDtime) {

             if (NewDtime == null || NewDtime == "")

                 return;

             var dt = new Date(parseInt(NewDtime.slice(, )));

             var year = dt.getFullYear();

             var month = PrefixInteger(dt.getMonth() + ,);

             var date = PrefixInteger(dt.getDate(),);

             var hour = PrefixInteger(dt.getHours(),);

             var minute = PrefixInteger(dt.getMinutes(),);

             var second = PrefixInteger(dt.getSeconds(), );

             return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;

         }

     </script>

 </body>

 </html>
    public JsonResult GetList()

         {

             var user = new List<User>

             {

                 new User {id= ,email="123@qq.com",pwd="",time=DateTime.Now },

                 new User {id= ,email="123@qq.com",pwd="",time=null }

             };

             return   Json(user, JsonRequestBehavior.AllowGet);

         }

EasyUI datagrid 序列 化后时间 处理 九的更多相关文章

  1. easyui datagrid 中序列化后的日期格式化

    1.在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/ 2.格式化后的显示为: 2015-06-04 08:30:00 3.使用代码如下: 3.1. ...

  2. jquery easyui datagrid翻页后再查询始终从第一页开始

    在查询之前将datagrid的属性pageNumber重新设置为1 var opts = grid.datagrid('options'); opts.pageNumber = 1; easyui d ...

  3. easyUi DataGrid 显示日期列,时间为空也可，的正常显示，及普通居中列情况

    $('#tt').datagrid({                url: '@Url.Content("~/kpi/FindList")',                w ...

  4. EasyUI datagrid 日期时间格式化

    EasyUI datagrid中显示日期时间时,会显示为以下不太直观的数值: 添加以下JavaScript脚本,然后在field中添加 formatter: DateTimeFormatter 即可. ...

  5. 解决easyui datagrid load时缓存问题

    修改easyui datagrid内容保存后,使用$("#dg").datagrid("reload");或者$("#dg").datagr ...

  6. [转载]easyui datagrid 时间格化（JS 日期时间本地化显示）

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

  7. easyui datagrid 每条数据后添加操作按钮

    easyui datagrid 每条数据后添加“编辑.查看.删除”按钮 1.给datagrid添加操作字段:字段值 <table class="easyui-datagrid" ...

  8. 关于EasyUI DataGrid行编辑时嵌入时间控件

    本人做一个名为“安徽中控”项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必为每个表写具体的增删 ...

  9. EasyUI Datagrid Datetime(EasyUI DataGrid 时间格式化)

    EasyUI DataGrid 时间格式化 方法一: var Common = { //EasyUI用DataGrid用日期格式化 TimeFormatter: function (value, re ...

随机推荐

  1. CF285E Positions in Permutations

    思路 dp+二项式反演的神题 就是dp部分非常麻烦(好吧是我傻了 考虑先钦定m个满足条件的位置,这m个\(x_i\),只能放\(x_i-1\)或\(x_i+1\),然后其他的随便放(得出至少m个的方案 ...

  2. 初学者易上手的SSH-struts2 03数据封装

    这一章我们一样来获取数据,看看与上一章有什么不同吧.数据封装也有三种方式.下面我们来一一介绍. 第一种:属性封装. 类就用LoginAction吧.里面有两属性,name,pwd.给这两个属性写上ge ...

  3. JS 单线程

    js单线程阻塞实例setTimeout(function () { while (true) { } }, 1000);setTimeout(function () { alert('end 2'); ...

  4. 用docker-compose部署postgres+ postgis

    20190411更新.之前写的太啰嗦,也不删了,重新来.小坑还是有的 psql 命令行客户端 因为postgres用docker镜像安装,所以host不需要安装pg,只需要安装客户端 sudo apt ...

  5. 解决跨域No 'Access-Control-Allow-Origin' header is present on the requested resource.

    用angular发起http.get(),访问后端web API要数据,结果chrome报错:跨域了 Access to XMLHttpRequest at 'http://127.0.0.1:300 ...

  6. springboot启动配置原理之三（事件监听机制）

    ApplicationContextInitializer public class HelloApplicationContextInitializer implements Application ...

  7. Python自学:第三章 访问列表元素

    #输出并首字母大写 bicycles = ['trek','cannondale','redline','specialized'] print(bicycles[0].title()) 输出为: T ...

  8. Introducing the Microservices Reference Architecture from NGINX

    Introducing the Microservices Reference Architecture from NGINX https://www.nginx.com/blog/introduci ...

  9. ORA错误总结

    ORA-12560 协议适配器错误 可能是以下原因: 1:服务没有开启(oracle的服务,oraclehome92TNSlistener) 2:数据库实例没有开启(oracleserviceORCL ...

  10. 那些令人迷惑的名词：切图/H5/XML/REST

    长时间以来对一些名词感到很困惑,不明白其具体指什么,在此记录一下. 一.切图 1.1 原先理解 从字面意思理解,切图是指将一张大的图切割成很多张小的图片.最早(视频教程网或者我要自学网)看到的视频也是 ...