【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期

为了方便用户体验，上头要求日期选择应该给一个默认的日期，查了查iview的官网，发现没有写，就自己找了一个办法

代码

html

<DatePicker class="dpt_font" v-model="meetingDate.meetingDate" format="yyyy/MM/dd" type="date" :options="options" placeholder="选择时间" style="width: 200px" :value="meetingDate.meetingDate"></DatePicker>

js

meetingDate:{
 meetingTime: "",
 }

钩子函数

 mounted() {
     
    const myDate = new Date();
    const year = myDate.getFullYear(); // 获取当前年份
    const month = myDate.getMonth() + 1; // 获取当前月份(0-11,0代表1月所以要加1);
    const day = myDate.getDate(); // 获取当前日（1-31）
    // 日期格式：2019/07/29 - 2019/07/29
    this.meetingDate.meetingDate = `${year}/${month}/${day} - ${year}/${month}/${day}`;
  
      this.load();
    },

效果

每次进入该页面显示效果

成功