@{

     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. 王之泰201771010131《面向对象程序设计（java）》第四周学习总结

    王之泰201771010131<面向对象程序设计(java)>第四周学习总结 第一部分:理论知识学习部分 第四章 1.类与对象的基础概念. a.类(class)是构造对象的模板或蓝图.由类 ...

  2. _pvp

    comment 备注 zone 区域ID,.gps第二个参数 area 地域ID,.gps第三个参数 type 区域类型(保持原状.安全区.自由PVP.自由PVP - 禁止组队.自定义阵营(_fact ...

  3. TestMap

    public class TestMap { public static void main(String[] args) { Map map=new HashMap(); //在此映射中关联指定值与 ...

  4. 利用iframe实现无刷新提交

    服务器里边:

  5. poj3613

    注意最短路转移的单位元是对角线为0,其它为INF. #include <iostream> #include <cstdio> #include <cmath> # ...

  6. SOAP和REST

    SOAP: Simple Object Access Protocol REST: Representation State Transfer SOAP的简单介绍 SOAP可使用多种协议进行传输,用于 ...

  7. Linux(CentOS 7)命令行模式安装VMware Tools 详解

    本篇文章主要介绍了如何在Linux(CentOS 7)命令行模式安装VMware Tools,具有一定的参考价值,感兴趣的小伙伴们可以参考一下. 本例中为在Linux(以CentOS 7为例)安装VM ...

  8. Annotations

    一.介绍 注解,可以将注解看成一种特殊的接口.是一种特殊种类的元数据,它能够关联Java语言中不同元素和结构.有意思的是,在Java生态系统中大多数使用样板XML描述符的地方,注解在消除这些XML描述 ...

  9. javascript高级程序设计第3版——第一章概括

    最近发现Xmind思维导图是个好东西,刚好开始看书,被用来归纳最好不过了

  10. [lightoj P1151] Snakes and Ladders

    1151 - Snakes and Ladders Time Limit: 2 second(s)    Memory Limit: 32 MB 'Snakes and Ladders' or 'Sh ...