antd 组件 RangePicker 设置mode=['month', 'month']

Question

antd 组件 RangePicker 设置mode=['month', 'month']之后 onchange事件失效， 并且不会自动关闭

Answer 1

antd

DatePicker表现形式多样可以利用mode属性进行控制
    1: mode = 'time'
        onchange 事件是生效的，选择完日期之后会自动关闭
    2: mode = ['month', 'month']
        onchange 事件是不生效， 选择完日期之后也不会自动关闭
        针对这样的情况
           可以结合使用onPanelChange 事件与onOpenChange 事件进行控制
        代码简略：
            onPanelChange = (time, mode) => {
                if (mode[1] === 'date') {
                    this.setState({
                        ...开始与结束日期更改
                    })；
                }
            }
            onOpenChange = （type）=> {
                this.setState({
                    open: type
                });
            }