更多
moment.js的使用方法和日期格式化介绍
import moment from 'moment';
start_date: moment().date(1),
end_date: moment(),
// subtract() 时间减
// start_dt_week: moment().subtract(4, 'weeks'),//当前时间的前4个星期时间
start_dt_week: moment().startOf('month'),//当前月份开始第一天
end_dt_week: moment(),//当前时间
start_dt_month: moment().startOf('year'),//当前年第一个月
const ed_date = moment()
.year("2022")
.week(1)
.day(1)
.format('YYYY-MM-DD');//某年某周周初
const start_date = moment()
.year("2022")
.week(1)
.day(7)
.format('YYYY-MM-DD');//某年某周周末
dayjs
import dayjs from 'dayjs';
start_dt: dayjs()
.subtract(30, 'day')
.format('YYYY-MM-DD'),//当前日期前三十天
end_dt: dayjs().format('YYYY-MM-DD'),//当前时间
日期范围
近三月
<RangePicker
format="YYYY-MM-DD"
disabledDate={current => {
return !(
current < moment().endOf('day') && current > moment().subtract(3, 'month')
); // 近三月
}}
/>,
{dateType === 'daily' && (
<FormItem>
<>
{getFieldDecorator('dates', {
initialValue: dates,
})(
<RangePicker
format="YYYY-MM-DD"
disabledDate={current => {
return !(
current < moment().endOf('day') && current > moment().subtract(3, 'month')
); // 近三月
}}
/>,
)}
</>
</FormItem>
)}
{dateType === 'weekly' && (
<>
<FormItem label="开始周" className="four-word-padding">
<>
{getFieldDecorator('start_dt_week', {
initialValue: start_dt_week,
})(
<WeekPicker
allowClear={false}
disabledDate={current => {
return (
current > moment().endOf('day') ||
current < moment().subtract(3, 'month') ||
current.valueOf() > end_dt_week
);
}}
onChange={e => handleChange('start_dt_week', e)}
/>,
)}
</>
</FormItem>
<FormItem label="结束周" className="four-word-padding">
<>
{getFieldDecorator('end_dt_week', {
initialValue: end_dt_week,
})(
<WeekPicker
allowClear={false}
disabledDate={current => {
return (
current > moment().endOf('day') ||
current < moment().subtract(3, 'month') ||
current.valueOf() < start_dt_week
);
}}
onChange={e => handleChange('end_dt_week', e)}
/>,
)}
</>
</FormItem>
</>
)}
{dateType === 'monthly' && (
<>
<FormItem label="开始月" className="four-word-padding">
<>
{getFieldDecorator('start_dt_month', {
initialValue: start_dt_month,
})(
<MonthPicker
allowClear={false}
format="YYYY-MM"
disabledDate={current => {
return (
current > moment().endOf('day') ||
current < moment().subtract(12, 'month') ||
current.valueOf() > end_dt_month
);
}}
onChange={e => handleChange('start_dt_month', e)}
/>,
)}
</>
</FormItem>
<FormItem label="结束月" className="four-word-padding">
<>
{getFieldDecorator('end_dt_month', {
initialValue: end_dt_month,
})(
<MonthPicker
allowClear={false}
format="YYYY-MM"
disabledDate={current => {
return (
current > moment().endOf('day') ||
current < moment().subtract(12, 'month') ||
current.valueOf() < start_dt_month
);
}}
onChange={e => handleChange('end_dt_month', e)}
/>,
)}
</>
</FormItem>
</>
)}