@{

     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. Linux文件结构

    /: 根目录,所有的目录.文件.设备都在/之下,/就是Linux文件系统的组织者,也是最上级的领导者. /bin: bin 就是二进制(binary)英文缩写.在一般的系统当中,都可以在这个目录下找到 ...

  2. centos install jdk

    =========== 查询jdk版本 ===========yum search jdk =========== 安装jdk 64位开发版 ===========yum -y install jav ...

  3. Lab 9-1

    Analyze the malware found in the file Lab09-01.exe using OllyDbg and IDA Pro to answer the following ...

  4. axios和promise

    什么是axios axios is a promise based HTTP client for the browser and node.js Features: Make XMLHttpRequ ...

  5. HTML 点击图片放大

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 配置Beyond Compare作为比较和合并工具

    配置方法 建议配置在~/.gitconfig中. Linux下 [diff]    tool = bc3[difftool]    prompt = false[merge]    tool = bc ...

  7. HTTP rfc是什么及其工作过程

    概念: HTTP协议描述的是发送方与接收方的通信协议,通过两方的自觉遵守而存在,HTTP是运行于应用层的协议,基于TCP协议而运作.基本上是客户/服务器对答模式,其中也包括在传输过程中的代理,网关,通 ...

  8. linux常用命令 history命令

    历史命令 history [选项] [历史命令保存文件] 选项 '-c' 清空历史命令 '-w' 把缓存中的历史命令写入历史命令保存文件~/.bash_history [root@ssgao1987 ...

  9. 基于 HTML5 的工业组态高炉炼铁 3D 大屏可视化

    前言 在大数据盛行的现在,大屏数据可视化也已经成为了一个热门的话题.大屏可视化可以运用在众多领域中,比如工业互联网.医疗.交通.工业控制等等.将各项重要指标数据以图表.各种图形等形式表现在一个页面上, ...

  10. jq demo 轮播图，图片可调用，向上，自动+鼠标点击切换

    1 <!doctype html> <html> <head> <meta http-equiv="Content-Type" conte ...