Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value

报错翻译：

警告：[antdv:DatePicker]‘value’提供无效时刻时间。如果要设置空值，请改用’null’。

产生原因：

ant design vue datepicker 默认需要moment格式。

实例：

这里的picker中checkData是绑定的初始值，虽然这里用到了moment，但是不知道为什么没有起作用，还是报错了。

 <a-range-picker
    v-model:value="checkDate"
    :format="dateFormat"
    @change="changeTime"
    :disabled-date="disabledDate"
    :allowClear="false"
    :ranges="ranges"
    class="rangePicker"
  >
  </a-range-picker>

const checkDate = ref([
      moment().subtract(7, "days").format(dateFormat),
      moment().subtract(1, "days").format(dateFormat),
    ]);

解决：

把checkDate的初始值外面再包一层moment()，报错就没有了。

const checkDate = ref([
      moment(moment().subtract(7, "days").format(dateFormat)),
      moment(moment().subtract(1, "days").format(dateFormat)),
    ]);

上面是vue3的写法，如果是vue2的同样用moment()格式一下初始数据就可以了。

import moment from "moment";

this.test = moment('2021-12-30').format(YYYY-MM-DD);