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、效果图

在这里插入图片描述


版权声明:本文为qq_41902908原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。