easyui datagrid 日間格化(JS 日期時間本地化顯示)

來源:互聯網
上載者:User

easyui datagrid 日期時間顯示不正常,後台java 類型為 DATE 經過JSON工具一轉化傳到前台來就是這樣,不便 於是想格式化一下,

 

 

 

格式化代碼 如下:

  $('#gridTable').datagrid({             title: '系統通知及廣告管理',             loadMsg:'資料載入中,請稍後……',               rownumbers: true,             pagination: true,             singleSelect: false,             pageSize: 10,             pageList: [5, 10, 15, 20],             fitColumns: true,             fit: true,             striped: true,             nowrap: false,             url: 'list.do',             idField:'mediaId',             columns:[[                 {field:'id',checkbox:true},                   {field:'system',title:'適用系統'},                 {field:'infoType',title:'訊息類型',                     formatter:                          function(value, row, index){                          if(value==1)                              return "文本";                          if(value==2)                              return "圖片";                          if(value==3)                              return "視頻";                          else                               return "<span style=\"color:red\" >未知</span>";                         }},                  {field:'title',title:'標題'},                    {field:'content',title:'內容',width:140},                    {field:'issueTime',title:'生效時間',                      formatter:function(value,row,index){                          var unixTimestamp = new Date(value);                          return unixTimestamp.toLocaleString();                          }                     },                    {field:'disabledTime',title:'失效時間'},                    {field:'userId',title:'使用者ID'},                    {field:'userName',title:'操作員'}             ]], $('#gridTable').datagrid({         title: '系統通知及廣告管理',         loadMsg:'資料載入中,請稍後……',          rownumbers: true,         pagination: true,         singleSelect: false,         pageSize: 10,         pageList: [5, 10, 15, 20],         fitColumns: true,   fit: true,         striped: true,         nowrap: false,         url: 'list.do',         idField:'mediaId',   columns:[[    {field:'id',checkbox:true},     {field:'system',title:'適用系統'},    {field:'infoType',title:'訊息類型',     formatter:             function(value, row, index){             if(value==1)              return "文本";             if(value==2)              return "圖片";             if(value==3)              return "視頻";             else              return "<span style=\"color:red\" >未知</span>";      }},           {field:'title',title:'標題'},            {field:'content',title:'內容',width:140},       {field:'issueTime',title:'生效時間',            formatter:function(value,row,index){             var unixTimestamp = new Date(value);             return unixTimestamp.toLocaleString();             }     },       {field:'disabledTime',title:'失效時間'},       {field:'userId',title:'使用者ID'},       {field:'userName',title:'操作員'}   ]],

格式化顯示 正常,

 

 
 

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.