moment.js 時間日期處理詳解
周一 至 周日 時間格式化轉化
(Y — 年 M — 月 D— 天)
var timeNow = new Date()// 當前時間 var weekOfday = moment(timeNow).format('E'); // 計算今天是這周第幾天 var nowDay = moment(timeNow).format('YYYY-MM-DD') // 當前日期 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'); // 周日日期
// 獲取當前月的總天數 moment().daysInMonth()
官網摘錄:
日期格式化
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 小時內 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
整理瞭一小部分常用的,想要詳細瞭解使用的。下面是兩個常用的鏈接地址,僅供參考
1. moment.js地址: https://github.com/moment/moment
2. 前端開源項目 CDN 加速服務,基本上所有的開源js都能在上面找到: https://www.bootcdn.cn/
到此這篇關於moment.js-時間日期處理詳解的文章就介紹到這瞭,更多相關moment.js-時間日期處理內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- vue利用Moment插件格式化時間的實例代碼
- Vue如何使用Dayjs計算常用日期詳解
- 基於Day.js更優雅的處理JavaScript中的日期
- 一文掌握new Date() 方法
- postgresql 實現得到時間對應周的周一案例