【Antd】 RangePicker设置快捷日期 最近一周/月

【Antd】 RangePicker设置快捷日期 最近一周/月

记录在业务中,需用到antd的RangePicker组件设置快日期选择

<DatePicker.RangePicker
	 ranges={{
	   今天: [moment(), moment()],
	   最近一周: [moment().startOf('day').subtract(6, 'd'), moment().endOf('day')],
	   最近一个月: [
	     moment().startOf('day').subtract(30, 'd'),
	     moment().endOf('day'),
	   ],
	   最近三个月: [moment().startOf('day').subtract(90, 'd'), moment().endOf('day')],
	 }}
	 style={{ width: 200 }}
/>

如果是需要设置默认值:
defaultValue={[moment(), moment()]}

如果在表单里设置默认初始值要用 initialValues

你可能感兴趣的:(学习记录—React+Antd,前端)