AntDesignVue的a-range-picker(DatePicker )设置默认日期为当前系统时间

1、导入moment

<script>
import moment from 'moment';
export default {
     
  data() {
     
    return {
     
      dateFormat: 'YYYY-MM-DD',
    };
  },
  methods: {
     
    moment,
    getCurrentData() {
     
      return new Date().toLocaleDateString();
    },
    
  },
};
</script>

2、设置defaultValue默认日期类型为moment

<a-range-picker
  :default-value="[
    moment(getCurrentData(), dateFormat),
    moment(getCurrentData(), dateFormat),
  ]"
  :format="dateFormat"
>
  <template slot="renderExtraFooter"> extra footer </template>
</a-range-picker>

3、效果图

在这里插入图片描述

你可能感兴趣的:(Ant,Design,of,Vue,vue,AntDesignVue,datepicker)