js格式化日期對象

hightopo 發(fā)布于2019-08-22 16:11 / 3310人閱讀

摘要：介紹前端經(jīng)常要處理日期對象將其轉(zhuǎn)為或者年月日代碼實現(xiàn)個位數(shù)字補日期處理可根據(jù)需要傳遞得到自己想要的結(jié)果日期對象代碼測試年月日年月日

介紹

前端經(jīng)常要處理日期對象,將其轉(zhuǎn)為2018-08-08或者2018/08/08,2018年08月08日

代碼實現(xiàn) 個位數(shù)字補0

function leftPadding(n) {
   n = n.toString()
   return n.padStart(2,0)
}

日期處理

/**
 * Y: year
 * M: month
 * D: day
 * H: hour
 * m: minutes
 * S: seconds
 */
/**
 * 可根據(jù)需要傳遞pattern得到自己想要的結(jié)果
 * @param date 日期對象
 * @param pattern
 * @returns {string}
 */
const formatTime = (date = new Date(), pattern = "Y/M/D") => {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const day = date.getDate()
    const hour = date.getHours()
    const minutes = date.getMinutes()
    const seconds = date.getSeconds()
    
    return pattern
        .replace("Y", year)
        .replace("M", formatNumber(month))
        .replace("D", formatNumber(day))
        .replace("H", formatNumber(hour))
        .replace("m", formatNumber(minutes))
        .replace("S", formatNumber(seconds))
}

代碼測試

console.log(formatTime()) // 2018/04/10
console.log(formatTime(new Date(2018, 3, 21))) // 2018/04/21
console.log(formatTime(new Date(1822333333333),"Y-M-D H:m:S")) // 2027-10-01 03:42:13
console.log(formatTime(new Date(2018, 3, 21), "Y年M月D日")) // 2018年04月21日

云服務器 GPU云服務器新建日期對象 js js日期格式化 js處理日期格式 js時間戳轉(zhuǎn)日期對象

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/94121.html

相關(guān)文章

需要知道的JS的日期知識，都在這了

摘要：實際上是格林威治標準時間的同義詞默認情況下，中的幾乎每個日期方法除了一個都是本地時間。如果你住在格林威治標準時間晚的的地區(qū)，你會得到一個日期是月日。需要知道對象日期方法。為了保證的可讀性，本文采用意譯而非直譯。想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ JS中的 Date 很奇怪。當我們需要處理日期和時間的時候比較麻煩，經(jīng)常借助像date-fns和 Mom...

testbird 2019-08-23 18:18 評論0 收藏0
JS基礎(chǔ)篇--日期Date詳解與實例擴展

摘要：實際上，如果直接將表示日期的字符串傳遞給構(gòu)造函數(shù)，也會在后臺調(diào)用方法，例如下面的代碼跟前面的是等價的。構(gòu)造函數(shù)構(gòu)造函數(shù)會模仿但有一點不同的是，日期和時間都是基于本地時區(qū)而非來創(chuàng)建。兼容性問題啊其原因就是非標準日期格式。一：Date類型介紹要創(chuàng)建一個日期對象，使用new操作符和Date構(gòu)造函數(shù)即可： var now = new Date(); Date.parse()方法其中Da...

Apollo 2019-08-19 14:34 評論0 收藏0
推薦一個js常用工具函數(shù)庫

etools 常用js函數(shù)整理安裝和使用使用npm安裝：npm install -s etools通過es6模塊引入，如import _ from etools;console.log(_.extend(true,{},{age:23})); 下載并在頁面引入etools.js直接調(diào)用ETool對象中得方法，如console.log(ETools.extend(true,{},{age:2...

lemanli 2019-08-23 14:01 評論0 收藏0
【重溫基礎(chǔ)】7.時間對象

摘要：本文是重溫基礎(chǔ)系列文章的第七篇。系列目錄復習資料資料整理個人整理重溫基礎(chǔ)語法和數(shù)據(jù)類型重溫基礎(chǔ)流程控制和錯誤處理重溫基礎(chǔ)循環(huán)和迭代重溫基礎(chǔ)函數(shù)重溫基礎(chǔ)表達式和運算符重溫基礎(chǔ)數(shù)字本章節(jié)復習的是中的時間對象，一些處理的方法。本文是重溫基礎(chǔ) 系列文章的第七篇。今日感受：做好自律。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎(chǔ)】1.語法和數(shù)據(jù)類型...

YuboonaZhang 2019-08-23 14:12 評論0 收藏0
重溫JS基礎(chǔ)--引用類型(二)

摘要：創(chuàng)建一個日期對象中國標準時間在調(diào)用構(gòu)造函數(shù)而不傳參數(shù)的情況下，新創(chuàng)建的對象自動獲得當前日期和時間。日期格式化方法類型還有一些專門用于將日期格式化為字符串的方法中國標準時間下午以上的這些方法都會根據(jù)系統(tǒng)環(huán)境而異。咱們接著上面一篇繼續(xù)~ 1. Date類型 JavaScript中的Date類型使用自UTC時間，1970年1月1日零時開始的毫秒數(shù)來保存日期。創(chuàng)建一個日期對象： var no...

NusterCache 2019-08-21 16:45 評論0 收藏0