js格式化日期對象

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

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

介紹

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

代碼實(shí)現(xiàn) 個(gè)位數(shù)字補(bǔ)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日

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

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

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

相關(guān)文章

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

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

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

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

Apollo 2019-08-19 14:34 評論0 收藏0
推薦一個(gè)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.時(shí)間對象

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

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

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

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