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


    1、在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/

    2、格式化后的显示为: 2015-06-04 08:30:00

    3、使用代码如下:

    3.1、

        <script type="text/javascript">
            $(function () {
                $("#tdList").datagrid({
                    url: "/Admin/Dictionary/Index",                
                    title: "数据字典列表",
                    loadMsg: '正在加载信息...',
                     "100%",                
                    idField: "Id",                
                    fitColumns: true,
                    pagination: true,
                    pageSize: 10,
                    pageList: [10, 20, 35, 50],                
                    singleSelect: true,
                    rownumbers: true,
                    columns: [[
    						{ field: 'ck', checkbox: true, align: 'left',  50 },
                            { field: 'Name', title: '名称',  120 },					
    						{ field: 'DisOrder', title: '字典类别',  80 },					
                            { field: 'Description', title: '备注',  120 },
                            {
                                field: 'UpdateTime', title: '最后更新时间',  80, align: 'right',                            
                                formatter: function (value, row, index) {
                                    var datetime = Common.formatterDateTime(value);
    
                                    return datetime;                              
                                }
                            }
    
                    ]],
                    toolbar: [{
                        id: 'add',
                        text: '添加',
                        iconCls: 'icon-add',
                        handler: add
                    }],
                    onLoadSuccess: function (data) {
                        if (!data.rows) {
                            var body = $(this).data().datagrid.dc.body2;
                            body.find('table tbody').append('<tr><td width="' + body.width() + '" style="height: 25px; text-align: center;">没有数据</td></tr>');
                        }
                    }
                });
            });
                   
    
            function add(){
                $("#add").dialog({
                    title: "添加数据字典类别",
                    collapsible: true,
                    minimizable: true,
                    maximizable: true,
                    resizable: true,
                     400,
                    height: 260,
                    buttons: [{
                        text: "保存",
                        iconCls: "icon-add",
                        handler: function () {
                            $("#add form").submit();
                        }
                    }, {
                        text: "取消",
                        iconCls: "icon-cancel",
                        handler: function () {
                            $("#add").dialog("close");
                        }
                    }]
                });
            };
    
        </script>
    

    3.2、引用Common.js文件,Common.js内容如下:

    var Common = {
        /**
         * 格式化日期(不含时间)
         */
        formatterDate: function (date) {
            if (date == undefined) {
                return "";
            }
            /*json格式时间转js时间格式*/
            date = date.substr(1, date.length - 2);
            var obj = eval('(' + "{Date: new " + date + "}" + ')');
            var date = obj["Date"];
            if (date.getFullYear() < 1900) {
                return "";
            }
    
            var datetime = date.getFullYear()
                    + "-"// "年"
                    + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0"
                            + (date.getMonth() + 1))
                    + "-"// "月"
                    + (date.getDate() < 10 ? "0" + date.getDate() : date
                            .getDate());
            return datetime;
        },
        /**
         * 格式化日期(含时间"00:00:00")
         */
        formatterDate2: function (date) {
            if (date == undefined) {
                return "";
            }
            /*json格式时间转js时间格式*/
            date = date.substr(1, date.length - 2);
            var obj = eval('(' + "{Date: new " + date + "}" + ')');
            var date = obj["Date"];
            if (date.getFullYear() < 1900) {
                return "";
            }
    
            /*把日期格式化*/
            var datetime = date.getFullYear()
                    + "-"// "年"
                    + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0"
                            + (date.getMonth() + 1))
                    + "-"// "月"
                    + (date.getDate() < 10 ? "0" + date.getDate() : date
                            .getDate()) + " " + "00:00:00";
            return datetime;
        },
        /**
         * 格式化去日期(含时间)
         */
        formatterDateTime: function (date) {
            if (date == undefined) {
                return "";
            }
            /*json格式时间转js时间格式*/
            date = date.substr(1, date.length - 2);
            var obj = eval('(' + "{Date: new " + date + "}" + ')');
            var date = obj["Date"];
            if (date.getFullYear() < 1900) {
                return "";
            }
    
            var datetime = date.getFullYear()
                    + "-"// "年"
                    + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0"
                            + (date.getMonth() + 1))
                    + "-"// "月"
                    + (date.getDate() < 10 ? "0" + date.getDate() : date
                            .getDate())
                    + " "
                    + (date.getHours() < 10 ? "0" + date.getHours() : date
                            .getHours())
                    + ":"
                    + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date
                            .getMinutes())
                    + ":"
                    + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date
                            .getSeconds());
            return datetime;
        }
    };
    

      

  • 相关阅读:
    三.使用JDBC处理MySql大数据
    SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(6)--SharePoint母版页
    SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(5)--CSS
    SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(4)--基础HTML
    SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(3)--期待什么,要知道什么
    开启sharepoint网站设置的导航选项
    SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(2)--关键话题和指导原则
    SharePoint品牌化和自定义--第一章节--SharePoint品牌化介绍(1)--为什么要进行SharePoint品牌化
    实用的SharePoint 2010 品牌化和自定义
    一步步学习微软InfoPath2010和SP2010--第十四章节--高级选项(10)--关键点
  • 原文地址:https://www.cnblogs.com/maocs/p/4560990.html
Copyright © 2020-2023  润新知