摘要:在里面全局使用引入使用中文時間其他地方調用的方法獲取當前時間返回當前時間時間對象返回當前時間毫秒數返回結果格式化當前時間格式化時間戳以秒為單位格式化時間戳以毫秒為單位原生對象同對象相互轉換轉換為對象轉換為對象當前時間取值操
# moment.js ## 在vue里面全局使用
main.js
// 引入moment import moment from "moment" import "moment/locale/zh-cn" // 使用中文時間 moment.locale("zh-cn") Vue.prototype.$moment = moment
vue其他地方調用的方法
this.$moment().format("YYYY-MM-DD")## 獲取當前時間
//返回當前時間moment()時間對象 moment(); moment(new Date()); //返回當前時間毫秒數 moment().valueOf() === Date.now() === new Date().getTime() === new Date().valueOf()
返回結果:2018-08-23T08:35:36.653 / 1534986255282
## 格式化當前時間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對象相互轉換
//轉換為date對象 moment().toDate() === new Date(moment()) //轉換為moment對象 moment(new Date())## 當前時間-取值操作
//獲取當前時間年數 moment().year() === new Date().getFullYear() === moment().get("y") //獲取當前時間月數 moment().month()+1 === new Date().getMonth()+1 //獲取當前時間秒數 moment().seconds() === moment().second() === new Date().getMonth() //獲取當前時間毫秒數 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");
返回結果: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## 標準化單位
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格式化時間的時候經常會出現比實際時間遲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中文網
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/96928.html
摘要:本來想是想找輪子的,但是并沒有找到能用的,多數都是問題很大,所以就自己寫了一個需求說明支持自選時間段,即開始時間與結束時間根據用戶的上班及下班時間判定返回小時數技術棧思考過程怎么說呢,其實這個邏輯不是很復雜主要是確定起始時間結束時間與打卡上 本來想是想找輪子的,但是并沒有找到能用的,多數都是問題很大,所以就自己寫了一個 需求說明 支持自選時間段,即開始時間與結束時間根據用戶的上班及下班...
摘要:本來想是想找輪子的,但是并沒有找到能用的,多數都是問題很大,所以就自己寫了一個需求說明支持自選時間段,即開始時間與結束時間根據用戶的上班及下班時間判定返回小時數技術棧思考過程怎么說呢,其實這個邏輯不是很復雜主要是確定起始時間結束時間與打卡上 本來想是想找輪子的,但是并沒有找到能用的,多數都是問題很大,所以就自己寫了一個 需求說明 支持自選時間段,即開始時間與結束時間根據用戶的上班及下班...
showImg(https://segmentfault.com/img/bV9wV7?w=1952&h=712);Moment.js 是一個大而全的 JS 時間庫,很大地方便了我們處理日期和時間。但是 Moment.js太重了(200k+ with locals),可能一般項目也只使用到了她幾個常用的API。雖然社區也有幾個輕量的時間庫,要想遷移過去又會增加新的學習和遷移成本。 如果能有一個和 ...
摘要:大家在項目中一定會遇到很多關于時間處理的問題,比如你想獲取一個本地時間格式為,常用的方法是先拿到時間再用正則替換什么的。 大家在項目中一定會遇到很多關于時間處理的問題,比如你想獲取一個本地時間格式為YYYY-MM-DD,常用的方法是先拿到時間再用正則替換什么的。比較麻煩,也比較費勁。每次都要弄。所以呢就想著有沒有什么簡單的方法,之后就發現了一個輕量級的Javascript日期處理類庫:...
閱讀 1256·2023-04-26 02:38
閱讀 943·2023-04-25 20:13
閱讀 3597·2021-11-19 11:31
閱讀 2403·2019-08-30 15:55
閱讀 2730·2019-08-30 14:11
閱讀 3166·2019-08-30 13:45
閱讀 1382·2019-08-29 18:41
閱讀 1155·2019-08-29 16:18