ant.desgin升级到2.5.2 DatePicker 校验报错 求教?

图片描述 /*开始时间校验/

checkActStartTime(rule, value, callback){
       // debugger
        let recEndTime = this.state.recEndTime;
        console.log("--------------------开始时间校验");
        console.log(value);
        console.log(recEndTime);
        value = value.toDate();
        recEndTime = recEndTime.toDate();
        if(recEndTime && value.getTime() - recEndTime.getTime() < 0 ){
            callback([new Error('开始时间需大于结束时间')]);
            return;
        }
        callback();
},

render() {
    //debugger
    const { startTime, endTime, endOpen } = this.state;
    const { getFieldDecorator, getFieldProps, getFieldError } = this.props.form;
    let isDisabled = this.state.isDisabled;
    return (
        <div className={styles.rightValue}>

            <FormItem {...formItemLayout} label={this.props.labelName} required>
                <Col span="8">

                   <FormItem>
                        {getFieldDecorator('startTime', {
                            initialValue: moment(this.state.startTime), 
                            rules: [{ type: 'object', 
                                      required: true, 
                                      message: '请选择开始时间'
                                   },{
                                      validator: this.checkActStartTime
                                   }],

                        })(
                            <DatePicker
                                style={{width:"100%"}}
                                placeholder="开始时间"
                                showTime 
                                format="YYYY-MM-DD HH:mm:ss"
                            />

                        )}
                    </FormItem>
                </Col>
                <Col span="1" style={{'textAlign':'center'}}>
                    ~
                </Col>
                <Col span="8">
                   <FormItem  required 
                              help={(getFieldError('endTime') || []).join(', ')}
                        >
                        <DatePicker
                            style={{width:"100%"}}
                            placeholder="结束时间"
                            showTime
                            format="YYYY-MM-DD HH:mm:ss"
                        />
                    </FormItem>
                </Col>    
            </FormItem>

        </div>
    )
}
阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题