为了方便用户体验,上头要求日期选择应该给一个默认的日期,查了查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(); },
效果
每次进入该页面显示效果
成功