摘要:在里面全局使用引入使用中文時間其他地方調(diào)用的方法獲取當(dāng)前時間返回當(dāng)前時間時間對象返回當(dāng)前時間毫秒數(shù)返回結(jié)果格式化當(dāng)前時間格式化時間戳以秒為單位格式化時間戳以毫秒為單位原生對象同對象相互轉(zhuǎn)換轉(zhuǎn)換為對象轉(zhuǎn)換為對象當(dāng)前時間取值操
# moment.js ## 在vue里面全局使用
main.js
// 引入moment import moment from "moment" import "moment/locale/zh-cn" // 使用中文時間 moment.locale("zh-cn") Vue.prototype.$moment = moment
vue其他地方調(diào)用的方法
this.$moment().format("YYYY-MM-DD")## 獲取當(dāng)前時間
//返回當(dāng)前時間moment()時間對象 moment(); moment(new Date()); //返回當(dāng)前時間毫秒數(shù) moment().valueOf() === Date.now() === new Date().getTime() === new Date().valueOf()
返回結(jié)果:2018-08-23T08:35:36.653 / 1534986255282
## 格式化當(dāng)前時間let today = moment().format("YYYY-MM-DD"); moment(new Date()).format("YYYY/MM/DD HH:mm:ss"); //格式化時間戳(以秒為單位) moment().format("X") //格式化時間戳(以毫秒為單位) moment().format("x") === moment().valueOf();## 原生Date對象同moment對象相互轉(zhuǎn)換
//轉(zhuǎn)換為date對象 moment().toDate() === new Date(moment()) //轉(zhuǎn)換為moment對象 moment(new Date())## 當(dāng)前時間-取值操作
//獲取當(dāng)前時間年數(shù) moment().year() === new Date().getFullYear() === moment().get("y") //獲取當(dāng)前時間月數(shù) moment().month()+1 === new Date().getMonth()+1 //獲取當(dāng)前時間秒數(shù) moment().seconds() === moment().second() === new Date().getMonth() //獲取當(dāng)前時間毫秒數(shù) moment().millisecond() === moment().milliseconds()## subtract()
//七天前的時間 let last7 = moment().subtract(6 ,"days").format("YYYY-MM-DD"); //本周第一天,周日 moment().day(0).format("YYYY-MM-DD"); //拓展-2018-07-5后一天 moment("2018-07-5").subtract(-1 ,"days").format("YYYY-MM-DD"); //獲取上個月今天的日期 moment().subtract(1, "months").format("YYYY-MM-DD");
返回結(jié)果:2018-08-17
## add()//后一天時間 moment().add(1, "d").format("YYYY-MM-DD") //兩小時之后 moment().add(2,"hours").format("YYYY-MM-DD HH:mm:ss");## 本周五
moment().weekday(5).format("YYYY-MM-DD");*## 上周五
moment().weekday(-3).format("YYYY-MM-DD");## 本月第一天
//本月第一天 let thisMonthFirst = moment().startOf("month").format("YYYY-MM-DD"); //本年第一天 let thisYearFirst = moment().startOf("year").format("YYYY-MM-DD");## 本月最后一天
//本月最后一天 moment().endOf("year").format("YYYY-MM-DD"); //本年最后一天 moment().endOf("month").format("YYYY-MM-DD");## 上個月最后一天
moment("2018-10-06").date(0).format("YYYY-MM-DD");## 是否之前
moment("2010-10-20").isBefore("2010-10-21"); // true moment("2010-10-20").isBefore("2010-12-31", "year"); // false moment("2010-10-20").isBefore("2011-01-01", "year"); // true## 是否相同(判斷年、月、日)
moment("2010-10-20").isSame("2010-10-20"); // true moment("2010-10-20").isSame("2009-12-31", "year"); // false moment("2010-10-20").isSame("2010-01-01", "year"); // true moment("2010-10-20").isSame("2010-10-31", "month"); // true moment("2010-10-20").isSame("2011-01-01", "year"); // false## 是否之后(同是否之前)
moment("2010-10-20").isAfter("2010-01-01", "year"); // false moment("2010-10-20").isAfter("2009-12-31", "year"); // true## 是否之間
moment("2010-10-20").isBetween("2010-10-19", "2010-10-25"); // true## 標(biāo)準(zhǔn)化單位
moment().get("y") // "year" moment().get("year") // "year" moment().get("years") // "year" moment().year() // "year" moment().years() // "year" moment().get("M")+1 // "month" moment().get("Month")+1 // "month" moment().get("Months")+1 // "month" moment().get("month")+1 // "month" moment().get("months")+1 // "month" moment().month()+1 moment().months()+1 moment().get("D") // "Day" moment().get("Day") moment().get("Days") moment().day() moment().days() moment().get("H"); // "Hours" moment().get("Hour"); moment().get("Hours"); moment().get("h"); // "Hours" moment().get("hour"); moment().get("hours"); moment().hour(); moment().hours(); moment().get("m"); //minute moment().get("minute"); moment().get("minutes"); moment().get("Minute"); moment().get("Minutes"); moment().get("s"); //second moment().get("second"); moment().get("seconds"); moment().get("S"); moment().get("Second"); moment().get("Seconds"); moment().second(); monent().seconds();
后記:在使用moment格式化時間的時候經(jīng)常會出現(xiàn)比實際時間遲8小時的問題,使用utcOffset解決
monent(myDate).utcOffset(0).format("YYYY/MM/DD HH:mm:ss") monent(myDate).utc(0).format("YYYY/MM/DD HH:mm:ss")
參考文檔:Moment.js中文網(wǎng)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/96928.html
摘要:本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個需求說明支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班時間判定返回小時數(shù)技術(shù)棧思考過程怎么說呢,其實這個邏輯不是很復(fù)雜主要是確定起始時間結(jié)束時間與打卡上 本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個 需求說明 支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班...
摘要:本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個需求說明支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班時間判定返回小時數(shù)技術(shù)棧思考過程怎么說呢,其實這個邏輯不是很復(fù)雜主要是確定起始時間結(jié)束時間與打卡上 本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個 需求說明 支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班...
showImg(https://segmentfault.com/img/bV9wV7?w=1952&h=712);Moment.js 是一個大而全的 JS 時間庫,很大地方便了我們處理日期和時間。但是 Moment.js太重了(200k+ with locals),可能一般項目也只使用到了她幾個常用的API。雖然社區(qū)也有幾個輕量的時間庫,要想遷移過去又會增加新的學(xué)習(xí)和遷移成本。 如果能有一個和 ...
摘要:大家在項目中一定會遇到很多關(guān)于時間處理的問題,比如你想獲取一個本地時間格式為,常用的方法是先拿到時間再用正則替換什么的。 大家在項目中一定會遇到很多關(guān)于時間處理的問題,比如你想獲取一個本地時間格式為YYYY-MM-DD,常用的方法是先拿到時間再用正則替換什么的。比較麻煩,也比較費勁。每次都要弄。所以呢就想著有沒有什么簡單的方法,之后就發(fā)現(xiàn)了一個輕量級的Javascript日期處理類庫:...
閱讀 1249·2023-04-26 02:38
閱讀 928·2023-04-25 20:13
閱讀 3589·2021-11-19 11:31
閱讀 2396·2019-08-30 15:55
閱讀 2717·2019-08-30 14:11
閱讀 3157·2019-08-30 13:45
閱讀 1371·2019-08-29 18:41
閱讀 1147·2019-08-29 16:18