moment.js 時(shí)間日期處理詳解
周一 至 周日 時(shí)間格式化轉(zhuǎn)化
(Y --- 年 M --- 月 D--- 天)
var timeNow = new Date()// 當(dāng)前時(shí)間
var weekOfday = moment(timeNow).format('E'); // 計(jì)算今天是這周第幾天
var nowDay = moment(timeNow).format('YYYY-MM-DD') // 當(dāng)前日期
var Monday = moment(timeNow).subtract(weekOfday - 1, 'days').format('YYYY-MM-DD'); // 周一日期
var Tuesday = moment(timeNow).subtract(weekOfday - 2, 'days').format('YYYY-MM-DD'); // 周二日期
var Wednesday = moment(timeNow).subtract(weekOfday - 3, 'days').format('YYYY-MM-DD'); // 周三日期
var Thursday = moment(timeNow).subtract(weekOfday - 4, 'days').format('YYYY-MM-DD'); // 周四日期
var Friday = moment(timeNow).subtract(weekOfday - 5, 'days').format('YYYY-MM-DD'); // 周五日期
var Saturday = moment(timeNow).subtract(weekOfday - 6, 'days').format('YYYY-MM-DD'); // 周六日期
var Sunday = moment(timeNow).add(7 - weekOfday, 'days').format('YYYY-MM-DD'); // 周日日期
// 獲取當(dāng)前月的總天數(shù) moment().daysInMonth()
官網(wǎng)摘錄:
日期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 27日 2020, 4:47:31 下午
moment().format('dddd'); // 星期三
moment().format("MMM Do YY"); // 5月 27日 20
moment().format('YYYY [escaped] YYYY'); // 2020 escaped 2020
moment().format(); // 2020-05-27T16:47:31+08:00
相對(duì)時(shí)間
moment("20111031", "YYYYMMDD").fromNow(); // 9 年前
moment("20120620", "YYYYMMDD").fromNow(); // 8 年前
moment().startOf('day').fromNow(); // 17 小時(shí)前
moment().endOf('day').fromNow(); // 7 小時(shí)內(nèi)
moment().startOf('hour').fromNow(); // 1 小時(shí)前
日歷時(shí)間
moment().subtract(10, 'days').calendar(); // 2020/05/17 moment().subtract(6, 'days').calendar(); // 上星期四16:47 moment().subtract(3, 'days').calendar(); // 上星期日16:47 moment().subtract(1, 'days').calendar(); // 昨天16:47 moment().calendar(); // 今天16:47 moment().add(1, 'days').calendar(); // 明天16:47 moment().add(3, 'days').calendar(); // 下星期六16:47 moment().add(10, 'days').calendar(); // 2020/06/06
多語(yǔ)言支持
moment.locale(); // zh-cn
moment().format('LT'); // 16:47
moment().format('LTS'); // 16:47:31
moment().format('L'); // 2020/05/27
moment().format('l'); // 2020/5/27
moment().format('LL'); // 2020年5月27日
moment().format('ll'); // 2020年5月27日
moment().format('LLL'); // 2020年5月27日下午4點(diǎn)47分
moment().format('lll'); // 2020年5月27日 16:47
moment().format('LLLL'); // 2020年5月27日星期三下午4點(diǎn)47分
moment().format('llll'); // 2020年5月27日星期三 16:47
整理了一小部分常用的,想要詳細(xì)了解使用的。下面是兩個(gè)常用的鏈接地址,僅供參考
1. moment.js地址: https://github.com/moment/moment
2. 前端開(kāi)源項(xiàng)目 CDN 加速服務(wù),基本上所有的開(kāi)源js都能在上面找到: https://www.bootcdn.cn/
到此這篇關(guān)于moment.js-時(shí)間日期處理詳解的文章就介紹到這了,更多相關(guān)moment.js-時(shí)間日期處理內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- moment.js輕松實(shí)現(xiàn)獲取當(dāng)前日期是當(dāng)年的第幾周
- Moment.js 不容錯(cuò)過(guò)的超棒Javascript日期處理類(lèi)庫(kù)
- moment.js使用方法總結(jié)(全網(wǎng)最全)
- moment.js使用超詳細(xì)教程
- Day.js常用方法集合(附各種事件格式的轉(zhuǎn)換)
- 基于Day.js更優(yōu)雅的處理JavaScript中的日期
- 一文秒懂js如何快速處理日期以及手寫(xiě)Day.js
- 一文詳細(xì)講下day.js的基礎(chǔ)用法(干貨滿(mǎn)滿(mǎn))
- JavaScript中的Moment.js與Day.js時(shí)間處理庫(kù)用法詳解
相關(guān)文章
JavaScript使用slice函數(shù)獲取數(shù)組部分元素的方法
這篇文章主要介紹了JavaScript使用slice函數(shù)獲取數(shù)組部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
javascript實(shí)現(xiàn)數(shù)字時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)數(shù)字時(shí)鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-02-02
JS實(shí)現(xiàn)的自定義水平滾動(dòng)字體插件完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義水平滾動(dòng)字體插件,以完整實(shí)例形式分析了javascript自定義水平滾動(dòng)字體插件的定義、原理與使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
Javascript連接Access數(shù)據(jù)庫(kù)完整實(shí)例
這篇文章主要介紹了Javascript連接Access數(shù)據(jù)庫(kù)的方法,涉及javascript針對(duì)access數(shù)據(jù)庫(kù)的連接、關(guān)閉及增刪改查等常用操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
React中過(guò)渡動(dòng)畫(huà)的編寫(xiě)方式實(shí)例詳解
在開(kāi)發(fā)中我們想要給一個(gè)組件的顯示和消失添加某種過(guò)渡動(dòng)畫(huà),可以很好的增加用戶(hù)體驗(yàn),下面這篇文章主要給大家介紹了關(guān)于React中過(guò)渡動(dòng)畫(huà)的編寫(xiě)方式,需要的朋友可以參考下2022-10-10
利用JS解決ie6不支持max-width,max-height問(wèn)題的方法
本篇文章主要介紹了利用JS解決ie6不支持max-width,max-height問(wèn)題的方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01
使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件
這篇文章主要為大家詳細(xì)介紹了使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09
jquery實(shí)現(xiàn)右側(cè)欄菜單選擇操作
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)右側(cè)欄菜單選擇操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03

