react DatePicker disabledDate 结束时间不能小于开始时间

<Col span={8}>
              <FormItem
                label="开始日期"
                name="startTime"
                rules={[{ required: true, message: '请选择开始日期' }]}
                {...formLayoutB}
              >
                <DatePicker
                  showTime
                  placeholder="请选择开始日期"
                  style={{ width: '100%' }}
                  value={null}
                  disabledDate={(current) => {
                    console.log(current,'current')
                    return current < moment().subtract(1, 'day');
                  }}
                />
              </FormItem>
            </Col>
 
 
<Col span={8}>
              <FormItem
                label="结束日期"
                name="endTime"
                rules={[{ required: true, message: '请选择结束日期' }]}
                {...formLayoutB}
              >
                <DatePicker
                  showTime
                  placeholder="请选择开始日期"
                  style={{ width: '100%' }}
                  disabledDate={(current) => {
                    let startTime = form.getFieldValue('startTime');
                    return current < moment(startTime).subtract(0, 'minutes');
                  }}
                />
              </FormItem>
            </Col>
 
 
 disabledDate={(current) => {
                    let startTime = form.getFieldValue('startTime');
                    return current < moment(startTime).subtract(0, 'day');  //正数 在开始时间日期推前5天  负数是推后五天 0即在开始日期后
                  }}
 
 
希望可以帮助你们~~~~~~~~
posted @ 2021-02-04 19:09  外行的小白  阅读(551)  评论(0)    收藏  举报