js中時間格式化的幾種方法
更新時間：2018年07月22日 19:08:27 作者：最是那一低頭溫柔
這篇文章給大家分享了關于js中時間格式化的幾種方法，有需要的朋友們可以參考學習下。
項目中時間返回值，很過時候為毫秒值，我們需要轉換成 能夠看懂的時間的格式；
例如：
yyyy-MM-dd HH:mm:ss
2.處理方法（處理方法有多種，可以傳值到前端處理，也可以后臺可以好之后再傳遞到頁面）
方法一：實體類中添加時間轉換注解（注意時區(qū)問題）
/** * 開始時間 */ @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone="GMT+8") private Date startTime;
方法二：js處理
{
field : 'crtTime',
title : '創(chuàng)建時間',
width : 100,
sortable :true,
align : 'center',
formatter : crtTimeFtt
},
function crtTimeFtt(val, row) {
if (val != null) {
var date = new Date(val);
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}
}
方法三：JS處理（創(chuàng)建公共類方法）
/**************************************時間格式化處理************************************/
function dateFtt(fmt,date)
{ //author: meizz
var o = {
"M+" : date.getMonth()+1, //月份
"d+" : date.getDate(), //日
"h+" : date.getHours(), //小時
"m+" : date.getMinutes(), //分
"s+" : date.getSeconds(), //秒
"q+" : Math.floor((date.getMonth()+3)/3), //季度
"S" : date.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt))
fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)
if(new RegExp("("+ k +")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
return fmt;
}
相應JS文件里面的引用
//創(chuàng)建時間格式化顯示
function crtTimeFtt(value,row,index){
var crtTime = new Date(value);
return top.dateFtt("yyyy-MM-dd hh:mm:ss",crtTime);//直接調用公共JS里面的時間類處理的辦法
}
3.總結：實現(xiàn)時間轉換的方法有多種，怎樣方便，達到項目的要求，就可
相關文章
這篇文章主要介紹了js文本框跑馬燈效果，功能實現(xiàn)非常簡單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)登錄界面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
寫作本文旨在加深自己印象，也為了更多人的了解到JS編碼風格，提高自己的編碼質量。想了解更多的內容請閱讀《編寫可維護的JavaScript》2016-08-08
gulp-uglify 與gulp.watch()配合使用時報錯(重復壓縮問題)
gulp是基于Nodejs的自動任務運行器，gulp 和 grunt 非常類似，但相比于 grunt 的頻繁 IO 操作，gulp 的流操作，能更快地更便捷地完成構建工作。今天在學習gulp時遇到當用gulp.watch來監(jiān)聽js文件的變動時出現(xiàn)重復壓縮問題，下面小編給大家解答下2016-08-08
本文通過實例給大家介紹給before和after偽元素設置js效果的方法，對js偽元素相關知識感興趣的朋友一起學習吧2015-12-12
微信小程序實現(xiàn)圖片上傳功能實例（前端+PHP后端）
這篇文章主要給大家介紹了關于微信小程序實現(xiàn)圖片上傳功能的相關內容，文中詳細介紹了前端+PHP后端的示例代碼，對大家的理解和學習具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-01-01
一個JavaScript繼承的實現(xiàn)...2006-10-10
這篇文章主要介紹了uniapp實現(xiàn)審批流程的具體操作方法,實現(xiàn)思路大概是需要要定義一個變量,記錄當前激活的步驟,通過數(shù)組的長度來循環(huán)數(shù)據(jù),如果有就采用3元一次進行選擇,具體實現(xiàn)步驟跟隨小編一起看看吧2024-03-03
JS動態(tài)遍歷json中所有鍵值對的方法(不知道屬性名的情況)
這篇文章主要介紹了JS動態(tài)遍歷json中所有鍵值對的方法,實例分析了針對不知道屬性名的情況簡單遍歷json鍵值對的操作技巧,需要的朋友可以參考下2016-12-12
js模仿html5 placeholder適應于不支持的瀏覽器
html5原生支持placeholder，對于不支持的瀏覽器（ie）可用js模擬實現(xiàn)，不要走開，接下來為您詳細介紹實現(xiàn)方法2013-01-01