react 中 如何给日期加条件并传值

日期查询原先是这样:

 

    {/* 日期 */}

    <FormItem label="日期">

        {getFieldDecorator('range-time-picker', rangeConfig)(

            <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />

        )}

    </FormItem>

    // 条件查询

    handleSearch = (e,key) => {

        const {

            dispatch,

            form

        } = this.props;

 

        form.validateFields((err, fieldsValue) => {

            if (err) return;

 

            const rangeTimeValue = fieldsValue['range-time-picker'] ? fieldsValue['range-time-picker'] : [];

            // console.log(rangeTimeValue);

            if (rangeTimeValue.length>0) {

                var values = {

                    ...fieldsValue,

                    'range-time-picker': [

                        rangeTimeValue[0].format('YYYY-MM-DD HH:mm:ss'),

                        rangeTimeValue[1].format('YYYY-MM-DD HH:mm:ss')

                    ],

                    'starttime': rangeTimeValue[0].format('YYYY-MM-DD HH:mm:ss'),

                    'endtime': rangeTimeValue[1].format('YYYY-MM-DD HH:mm:ss'),

                };

            } else {

               var values = {

                   ...fieldsValue,

               }

            }

            dispatch({

                type: ‘xxx/fetch',

                payload: values

            });

        });

    }

 

 

 

现在想要实现这样的日期查询，见图：

 

 

这种写法如下：

 

    {/* 日期 */}

    <FormItem

            label="日期"

        >

            {

                getFieldDecorator('rangtime', {

                    // initialValue: [moment(starttime), moment(endtime)],

                    rules: [{

                        type: 'array',

                        message: '请选择起始时间'

                    }]

                })(

                    <RangePicker

                        ranges={{

                            '7天': [moment(), moment().add(7, 'days')],

                            '15天': [moment(), moment().add(15, 'days')],

                            '自然月': [moment(), moment().add(1, 'month')],

                            '半年': [moment(), moment().add(183, 'days')],

                            '一年': [moment(), moment().add(366, 'days')],

                            '一季度': [moment(), moment().add(3, 'month')],

                            '两季度': [moment(), moment().add(6, 'month')],

                            '三季度': [moment(), moment().add(9, 'month')],

                            '至月底': [moment(), moment().endOf('month')],

                            '至年底': [moment(), moment().endOf('year')]

                        }}

                    />

                )

            }

    </FormItem>

    // 查询

    handleSearch = (e) => {

 

        e.preventDefault();

 

        const {

            dispatch,

            form

        } = this.props;

 

        form.validateFields((err, fieldsValue) => {

            if (err) return;

 

            // 日期

            const rangeTimeValue = fieldsValue['rangtime'] ? fieldsValue['rangtime'] : [];

 

            var values = {

                'starttime': '',

                'endtime': '',

                'customercode': this.state.customerID,

                'commoditycode': fieldsValue['commoditycode'],

                'billcode': fieldsValue['billcode'],

                'searchtype': fieldsValue['searchtype'],

            };

 

            if (rangeTimeValue.length > 0) {

                values['starttime'] = rangeTimeValue[0].format("Y-M-d");

                values['endtime'] = rangeTimeValue[1].format("Y-M-d");

            }

 

            this.props.handleSetState({

                formValues: values,

            })

 

            dispatch({

                type: ‘xxxxx/fetch',

                payload: values

            });

        });

    }

 

 

 

如果要默认显示，最近 30的的，怎么写？