daterange类型的el-date-picker其实是两个时间选择器,我想把这两个选择器的默认值都设为当天,并显示在选择器上。
1.绑定model
在时间选择器有值了之后,model实际上是一个数组,里面有两个元素,分别是开始日期和结束日期。
2.初始化model
在周期函数created()中初始化绑定的mode(dateRage) ,将其设置为当天的日期,核心代码如下所示。
/** 将时间选择器默认选为当天的日期 */
setDate(){
let currentDate = new Date();
let year = currentDate.getFullYear();
let month = String(currentDate.getMonth() + 1).padStart(2, '0');
let day = String(currentDate.getDate()).padStart(2, '0');
let formattedDate = `${year}-${month}-${day}`;
this.dateRage.push(formattedDate);
this.dateRage.push(formattedDate);
}
3.展示
刷新页面,看到了想要的效果