js格式化日期對象

hightopo 發布于2019-08-22 16:11 / 3307人閱讀

摘要：介紹前端經常要處理日期對象將其轉為或者年月日代碼實現個位數字補日期處理可根據需要傳遞得到自己想要的結果日期對象代碼測試年月日年月日

介紹

前端經常要處理日期對象,將其轉為2018-08-08或者2018/08/08,2018年08月08日

代碼實現 個位數字補0

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

日期處理

/**
 * Y: year
 * M: month
 * D: day
 * H: hour
 * m: minutes
 * S: seconds
 */
/**
 * 可根據需要傳遞pattern得到自己想要的結果
 * @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時間戳轉日期對象

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94121.html

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

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

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

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

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

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

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

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

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

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

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