时间格式问题

更多

moment

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>
                </>
            )}