零、前情提要
上個(gè)月開發(fā)了數(shù)據(jù)平臺(tái),用的框架是vue + Ant Design of Vue,其中用了組件[range-picker]日期選擇框,涉及到時(shí)間方法就去看了momentJS,以此記錄~
如有寫的不好地方,請多多指教~(●'?'●)
一、導(dǎo)入使用
import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); // 語言:中文,默認(rèn)en-US
antdv已全局化配置 Vue.user(ConfigProvider);
二、使用方法
// 獲取昨天的日期,format格式化,n=1,指定單位‘days=天’ moment().subtract(1, 'days').format('YYYY-MM-DD');
// 當(dāng)前日期往后加n天,n=30 moment().add(30, "days").format('YYYY-MM-DD HH:mm:ss')
moment(Array|String|Object|Number|Number[], format); // 獲取當(dāng)前日期和時(shí)間,帶格式
const appointDays=moment('2021-07-25'); const todays=moment(); // 今天(結(jié)束時(shí)間) todays.diff(appointDays, 'days'); // 計(jì)算時(shí)間差
Moment([2021,7,25]); // moment().endOf('day'); // 到今天之前 moment().startOf('day'); // 今天之后
moment("時(shí)間戳").add(30, "days"); // 傳入日期往后+n
moment().days(Number|String); // 獲取或設(shè)置星期幾。
moment().format(X); // X時(shí)間戳,x時(shí)間戳毫秒
**subtract(減去)
注意:moment 是可變的。 調(diào)用任何一種操作方法都會(huì)改變原始的 moment。
常用格式: 'YYYY-MM-DD',
'MM-DD',
'YYYY-MM-DD HH:mm:ss' 指定時(shí)間單位: ['days','hour','years',minute]
三、應(yīng)用代碼示例
1、獲取昨天日期

2、日期區(qū)間選擇,限制今天及以后不可點(diǎn)擊

3、獲取日期區(qū)間(默認(rèn)7天)

返回的是一組對象,所以result數(shù)組分開賦值了。

4、計(jì)算時(shí)間差,做日期區(qū)間數(shù)據(jù)改造

根據(jù)result數(shù)據(jù)改造,部分代碼截圖如下:

謝謝大家觀看,有問題多多指出~(●'?'●)
浙公網(wǎng)安備 33010602011771號(hào)