1.默認(rèn)時(shí)間
<DatePicker
? defaultValue={moment('20120203')}
? format={dateFormat}
/>
默認(rèn)當(dāng)前時(shí)間:
const dateFormat = 'YYYY-MM-DD';
<DatePicker
? defaultValue={moment()}
? format={dateFormat}
/>
moment()不帶參數(shù)表示默認(rèn)當(dāng)前日期
注意:
1. 獲取時(shí)間戳
獲取當(dāng)前時(shí)間戳:
moment().valueOf()
獲取固定時(shí)間的時(shí)間戳:
moment(date.format('YYYY-MM-DD')).valueOf()
date為moment格式
2. 獲取格式時(shí)間
moment().format('YYYY-MM-DD')
DatePicker組件獲取的時(shí)間都是moment格式的,要轉(zhuǎn)換一般用這兩種
時(shí)間戳轉(zhuǎn)成moment格式:
moment(時(shí)間戳)
2.不可選擇的日期
(1)只能選擇今天跟今天之后的日期:
? const disabledDate = (current) => {
? ? return current < moment().startOf('day');
? }
<DatePicker disabledDate={disabledDate}/>
(2)只能選擇今天之前的日期(不包括今天):
? const disabledDate = (current) => {
? ? return current > moment().startOf('day');
? }
<DatePicker disabledDate={disabledDate}/>
3.禁用日期框
<DatePicker disabled/>
4.日期區(qū)間范圍選擇
? <RangePicker defaultValue={[moment('20130607'), moment('20190301')]}/>
5.月份選擇
<MonthPicker defaultValue={moment()}/>
6.選擇周
<WeekPicker defaultValue={moment()}/>