码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-06-08 16:58:44      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

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: ‘正在加载信息...‘,
                width: "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‘, width: 50 },
                        { field: ‘Name‘, title: ‘名称‘, width: 120 },					
						{ field: ‘DisOrder‘, title: ‘字典类别‘, width: 80 },					
                        { field: ‘Description‘, title: ‘备注‘, width: 120 },
                        {
                            field: ‘UpdateTime‘, title: ‘最后更新时间‘, width: 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,
                width: 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;
    }
};

  

 

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

标签:

原文地址:http://www.cnblogs.com/maocs/p/4560990.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!