JavaScript 日期時間的格式化
阿新 • • 發佈:2022-05-26
由於工作需求,我需要將 js 的時間轉換成 yyyy-MM-dd HH:mm:ss 的格式,但是 JavaScript 的標準庫沒有時間格式化的操作,我在 MDN 的 JavaScript 標準內建物件 > 日期物件 找到最接近我需要的,就是以下三個方法:
toLocaleDateString()
toLocaleString()
toLocaleTimeString()
效果如下:
> var date = new Date() <· date.toLocaleDateString() <· "2021/4/5" > date.toLocaleString() <· "2021/4/5 下午8:40:22" > date.toLocaleTimeString() <· "下午8:40:22"
但是還是跟預期還是有些差距,因此就只好自己寫程式碼來轉換了
/* 時間戳的 yyyy-MM-dd HH:mm:ss 格式化 */ var dateFormat = function() { var date = new Date() var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minu = date.getMinutes() var sec = date.getSeconds() month = month >= 10 ? month : '0' + month day = day >= 10 ? day : '0' + day hour = hour >= 10 ? hour : '0' + hour minu = minu >= 10 ? minu : '0' + minu sec = sec >= 10 ? sec : '0' + sec return `${year}-${month}-${day} ${hour}:${minu}:${sec}` } > dateFormat() <· "2021-04-05 20:41:07"
上面的程式碼不僅可以轉換當前時間,還可以將 時間戳(從 1970 年 1 月 1 日開始到當前時間所經過的秒數)當做引數傳進去,如下所示:
var dateFormat = function(seconds) { // js 只認毫秒數,因此需要將 時間戳 * 1000 var date = new Date(seconds * 1000) var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minu = date.getMinutes() var sec = date.getSeconds() month = month >= 10 ? month : '0' + month day = day >= 10 ? day : '0' + day hour = hour >= 10 ? hour : '0' + hour minu = minu >= 10 ? minu : '0' + minu sec = sec >= 10 ? sec : '0' + sec return `${year}-${month}-${day} ${hour}:${minu}:${sec}` }
如果自己的工作中對日期時間處理的需求非常多樣化,推薦使用 moment.js 這個 JavaScript 日期處理類庫
moment.js 的官方文件連結:
http://momentjs.cn/