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


     $('#tt').datagrid({
                    url: '@Url.Content("~/kpi/FindList")',
                    "auto",
                    height: "auto",
                    fitColumns: true,
                    nowrap: false,
                    pagination: true,
                    pageNumber: 1,
                    singleSelect: false,
                    frozenColumns: [[{ field: 'ck', checkbox: true}]],
                    columns: [[

    普通列:

    { field: 'ProjectName', title: '项目名称', 120, align: 'center', styler: function (value, row, index) { return 'vertical-align:middle;'; } },

    居中显示列:

    { field: 'Id', title: '任务号', align: 'center', 50, formatter: function (val, rec) {
                             return "<div class='hiddenFontGommom devicetypes_a_box' >" + rec.Id + "</div>";
                         }
                         },

    时间显示列:

    { field: 'ImplementationBeginDate', title: '实施开始时间', align: 'center', 220, formatter: function (val, rec) {
                             var date = new Date(parseInt(rec.ImplementationBeginDate.substr(6)));
                             var dateTime = date.getFullYear() + "-" + ((date.getMonth() + 1).toString().length > 1 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-" + (date.getDate().toString().length > 1 ? date.getDate() : ("0" + date.getDate()))
                         + "&nbsp;" + (date.getHours().toString().length > 1 ? date.getHours() : ("0" + date.getHours())) + ":" + (date.getMinutes().toString().length > 1 ? date.getMinutes() : ("0" + date.getMinutes())) + ":" + (date.getSeconds().toString().length > 1 ? date.getSeconds() : ("0" + date.getSeconds()));
                             return "<div class='hiddenFontGommom devicetypes_a_box' title=" + dateTime.replace(/ /g, "&nbsp;") + ">" + dateTime + "</div>";
                         }
                         },

    有时间为空的特殊时间显示列:

    { field: 'ImplementationEndDate', title: '实际完成时间', align: 'center', 220, formatter: function (val, rec) {
                             if (rec.ImplementationEndDate == null || rec.ImplementationEndDate == '') {
                                 return "<div class='hiddenFontGommom devicetypes_a_box' ></div>";
                             }
                             else {
                                 var date = new Date(parseInt(rec.ImplementationEndDate.substr(6)));
                                 var dateTime = date.getFullYear() + "-" + ((date.getMonth() + 1).toString().length > 1 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-" + (date.getDate().toString().length > 1 ? date.getDate() : ("0" + date.getDate()))
                         + "&nbsp;" + (date.getHours().toString().length > 1 ? date.getHours() : ("0" + date.getHours())) + ":" + (date.getMinutes().toString().length > 1 ? date.getMinutes() : ("0" + date.getMinutes())) + ":" + (date.getSeconds().toString().length > 1 ? date.getSeconds() : ("0" + date.getSeconds()));

                                 return "<div class='hiddenFontGommom devicetypes_a_box' title=" + dateTime.replace(/ /g, "&nbsp;") + ">" + dateTime + "</div>";
                             }
                         }
                         },

    -------------------------

  • 相关阅读:
    Eclipse报告内存不足和PermSize space错误,Eclipse死掉的解决办法
    jquery插件:文字滚动和google地图位置选择搜索
    CGI、ISAPI和FastCGI三种配置方式
    240多个jQuery插件
    调用外部命令不弹出窗口示例
    将DataSet变化保存到数据源
    Fill()方法和Conn.Open()
    SqlDataAdapter的DeleteCommand属性
    SqlDataAdapter的InsertCommand属性
    使用数据集和XML
  • 原文地址:https://www.cnblogs.com/szlixin/p/4224150.html
Copyright © 2020-2023  润新知