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

之前用的日期比较多，这次用上了时间段。