--- title: 'Ant Design RangePicker预设常用的日期范围' date: 2021-08-14 15:41:00 ---  ```html <Form.Item name="dateRange" label="时间范围"> <RangePicker ranges={{ 今天: [moment(), moment()], 昨天: [moment().startOf('day').subtract(1, 'day'), moment().endOf('day').subtract(1, 'day')], 近七天: [moment().startOf('day').subtract(1, 'weeks'), moment()], 近一月: [moment().startOf('day').subtract(1, 'month'), moment()], 近三月: [moment().startOf('day').subtract(3, 'month'), moment()], 近六月: [moment().startOf('day').subtract(6, 'month'), moment()], 近一年: [moment().startOf('day').subtract(1, 'year'), moment()], }} /> </Form.Item> ``` ```javascript // 字段格式处理 if ( Array.isArray(searchParams.dateRange) && searchParams.dateRange.length > 1 ) { searchParams.sDate = searchParams.dateRange[0].format( 'YYYY-MM-DD 00:00:00' ) searchParams.eDate = searchParams.dateRange[1].format( 'YYYY-MM-DD 23:59:59' ) delete searchParams.dateRange } ```