成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Forelax / 1515人閱讀

摘要:在里面全局使用引入使用中文時(shí)間其他地方調(diào)用的方法獲取當(dāng)前時(shí)間返回當(dāng)前時(shí)間時(shí)間對(duì)象返回當(dāng)前時(shí)間毫秒數(shù)返回結(jié)果格式化當(dāng)前時(shí)間格式化時(shí)間戳以秒為單位格式化時(shí)間戳以毫秒為單位原生對(duì)象同對(duì)象相互轉(zhuǎn)換轉(zhuǎn)換為對(duì)象轉(zhuǎn)換為對(duì)象當(dāng)前時(shí)間取值操

# moment.js ## 在vue里面全局使用

main.js

// 引入moment
import moment from "moment"
import "moment/locale/zh-cn"

// 使用中文時(shí)間
moment.locale("zh-cn")
Vue.prototype.$moment = moment

vue其他地方調(diào)用的方法

this.$moment().format("YYYY-MM-DD")
## 獲取當(dāng)前時(shí)間
//返回當(dāng)前時(shí)間moment()時(shí)間對(duì)象
moment();
moment(new Date());
//返回當(dāng)前時(shí)間毫秒數(shù)
moment().valueOf() === Date.now() === new Date().getTime() === new Date().valueOf()

返回結(jié)果:2018-08-23T08:35:36.653 / 1534986255282

## 格式化當(dāng)前時(shí)間
let today = moment().format("YYYY-MM-DD");
moment(new Date()).format("YYYY/MM/DD HH:mm:ss");

//格式化時(shí)間戳(以秒為單位)
moment().format("X")
//格式化時(shí)間戳(以毫秒為單位)
moment().format("x") === moment().valueOf();

## 原生Date對(duì)象同moment對(duì)象相互轉(zhuǎn)換
//轉(zhuǎn)換為date對(duì)象
moment().toDate() === new Date(moment())
//轉(zhuǎn)換為moment對(duì)象
moment(new Date())
## 當(dāng)前時(shí)間-取值操作
//獲取當(dāng)前時(shí)間年數(shù)
moment().year() === new Date().getFullYear() === moment().get("y")
//獲取當(dāng)前時(shí)間月數(shù)
moment().month()+1 === new Date().getMonth()+1
//獲取當(dāng)前時(shí)間秒數(shù)
moment().seconds() === moment().second() === new Date().getMonth()
//獲取當(dāng)前時(shí)間毫秒數(shù)
moment().millisecond() === moment().milliseconds()
## subtract()
//七天前的時(shí)間
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");  
//獲取上個(gè)月今天的日期
moment().subtract(1, "months").format("YYYY-MM-DD");

返回結(jié)果:2018-08-17

## add()
//后一天時(shí)間
moment().add(1, "d").format("YYYY-MM-DD")
//兩小時(shí)之后
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");
## 上個(gè)月最后一天
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格式化時(shí)間的時(shí)候經(jīng)常會(huì)出現(xiàn)比實(shí)際時(shí)間遲8小時(shí)的問題,使用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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/96928.html

相關(guān)文章

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

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

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

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

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

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

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

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

    lei___ 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Forelax

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<