快捷導(dǎo)航

moment.js 時間日期處理詳解

更新時間：2021年09月11日 15:33:48 作者：冒險的豆子

這篇文章主要介紹了moment.js 時間日期處理詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

周一至周日時間格式化轉(zhuǎn)化

(Y --- 年 M --- 月 D--- 天)

 
    var timeNow = new Date(）// 當(dāng)前時間
    var weekOfday = moment(timeNow).format('E'); // 計算今天是這周第幾天
 
    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

相對時間

moment("20111031", "YYYYMMDD").fromNow(); // 9 年前
moment("20120620", "YYYYMMDD").fromNow(); // 8 年前
moment().startOf('day').fromNow();        // 17 小時前
moment().endOf('day').fromNow();          // 7 小時內(nèi)
moment().startOf('hour').fromNow();       // 1 小時前

日歷時間

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

多語言支持

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點47分
moment().format('lll');  // 2020年5月27日 16:47
moment().format('LLLL'); // 2020年5月27日星期三下午4點47分
moment().format('llll'); // 2020年5月27日星期三 16:47

整理了一小部分常用的，想要詳細(xì)了解使用的。下面是兩個常用的鏈接地址，僅供參考

1. moment.js地址: https://github.com/moment/moment
2. 前端開源項目 CDN 加速服務(wù)，基本上所有的開源js都能在上面找到: https://www.bootcdn.cn/

到此這篇關(guān)于moment.js-時間日期處理詳解的文章就介紹到這了,更多相關(guān)moment.js-時間日期處理內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: