antd（1）-设置RangePicker选择区间和默认选择时间

最新推荐文章于 2024-08-20 15:29:19 发布

Tiramisu_C

最新推荐文章于 2024-08-20 15:29:19 发布

阅读量3.1w

点赞数 4

分类专栏： antd React学习笔记文章标签： ant-design RangPicker 设置默认时间选择题

本文链接：https://blog.csdn.net/nongweiyilady/article/details/79960028

版权

React学习笔记同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

antd

1 篇文章 0 订阅

订阅专栏

安装并引入moment

import moment from 'moment'

设置区间和默认选择时间

const dateFormat = 'YYYY-MM-DD'
// 默认选择时间为最近7天
const defaultSelectDate = {
  startDate: moment().startOf('day').subtract(6, 'days'),
  endDate: moment().endOf('day')
}
// 选择时间限制,区间是今天往前的3个月，也就是最近三个月
const limitSelectDate = {
  min: moment().startOf('day').subtract(3, 'months'),
  max: moment().endOf('day')
}

设置到组件中

<FormItem label='获得名片时间' colon={false}>
  {getFieldDecorator('obtainDateArr', {
    initialValue: [defaultSelectDate.startDate, defaultSelectDate.endDate]
  })(
    <RangePicker onChange={this.onDateSelectChange} disabledDate={this.disabledDate}
    />
  )}
</FormItem>