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