国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

時間格式化及操作(moment.js篇)

Forelax / 1417人閱讀

摘要:在里面全局使用引入使用中文時間其他地方調(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

相關(guān)文章

  • JS 獲取一段時間內(nèi)的工作時長小時數(shù)

    摘要:本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個需求說明支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班時間判定返回小時數(shù)技術(shù)棧思考過程怎么說呢,其實這個邏輯不是很復(fù)雜主要是確定起始時間結(jié)束時間與打卡上 本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個 需求說明 支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班...

    willin 評論0 收藏0
  • JS 獲取一段時間內(nèi)的工作時長小時數(shù)

    摘要:本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個需求說明支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班時間判定返回小時數(shù)技術(shù)棧思考過程怎么說呢,其實這個邏輯不是很復(fù)雜主要是確定起始時間結(jié)束時間與打卡上 本來想是想找輪子的,但是并沒有找到能用的,多數(shù)都是問題很大,所以就自己寫了一個 需求說明 支持自選時間段,即開始時間與結(jié)束時間根據(jù)用戶的上班及下班...

    alexnevsky 評論0 收藏0
  • ?Day.js 2kB超輕量時間庫 和Moment.js一樣的API

    showImg(https://segmentfault.com/img/bV9wV7?w=1952&h=712);Moment.js 是一個大而全的 JS 時間庫,很大地方便了我們處理日期和時間。但是 Moment.js太重了(200k+ with locals),可能一般項目也只使用到了她幾個常用的API。雖然社區(qū)也有幾個輕量的時間庫,要想遷移過去又會增加新的學(xué)習(xí)和遷移成本。 如果能有一個和 ...

    CoreDump 評論0 收藏0
  • 時間處理工具 moment.js:管理時間和日期,so easy!

    摘要:大家在項目中一定會遇到很多關(guān)于時間處理的問題,比如你想獲取一個本地時間格式為,常用的方法是先拿到時間再用正則替換什么的。 大家在項目中一定會遇到很多關(guān)于時間處理的問題,比如你想獲取一個本地時間格式為YYYY-MM-DD,常用的方法是先拿到時間再用正則替換什么的。比較麻煩,也比較費勁。每次都要弄。所以呢就想著有沒有什么簡單的方法,之后就發(fā)現(xiàn)了一個輕量級的Javascript日期處理類庫:...

    lei___ 評論0 收藏0

發(fā)表評論

0條評論

Forelax

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<