在这里插入图片描述

报错翻译:

警告:[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);
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐