1、先上个报错的图:
2、这个一看是因为date报错的问题,这里面用了TimeRangePicker.
const TimeRangePicker = TimePicker.TimeRangePicker;
import dayjs, { Dayjs } from 'dayjs';
let time1 = [
dayjs(dayjs(new Date()).format('YYYY-MM-DD') + ' ' + record.time1),
dayjs(dayjs(new Date()).format('YYYY-MM-DD') + ' ' + record.time2),
];
3、上面的time1就是赋值:
<TimeRangePicker
v-model:value="time1"
:placeholder="['开始时间', '结束时间']"
style="width: 100%"
/>
4、说明:
虽然是时间,但是要合并上日期,这个应该是RangePicker用法一致。
官方地址:
Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js
之前用的日期比较多,这次用上了时间段。