Antd 时间控件

1.巧妙运用anti design 官网组件教程

地址：https://ant-design.antgroup.com/components/date-picker-cn

联合日期组件：

let ret: any[] = []

const handleDateChange = (event: any, date: any) => {

}

<DatePicker.RangePicker onChange={handleDateChange} />

2.给日期组件赋默认值

<DatePicker.RangePicker
    defaultValue={[moment('2015-06-06', 'YYYY-MM-DD'), moment('2015-06-06', 'YYYY-MM-DD')]}
    onChange={handleDateChange}
/>

报错--->

依赖包换成dayjs

先安装 day.js库

yarn add dayjs

更改库

<DatePicker.RangePicker
      defaultValue={[dayjs('2015-06-06', 'YYYY-MM-DD'), dayjs('2015-06-06', 'YYYY-MM-DD')]}
         注意大小写 Dayjs dayjs
      onChange={handleDateChange}
/>

运行

赋值成功

3.时间组件默认开始时间默认前7天

dayjs(dayjs('2015-08-07', 'YYYY-MM-DD')).add(-7, 'd').startOf('day'),
                dayjs('2015-08-07', 'YYYY-MM-DD')

运行

赋值成功