<el-date-picker style="width: 250px" v-model.trim="dateRangeValue" type="daterange" @change="dateRangeChange" range-separator="至" value-format="yyyy-MM-dd" start-placeholder="開始日期" end-placeholder="截止日期" clearable ></el-date-picker>
點擊組件清空按鈕后,時間默認為當年1月1日到當日前一天。
getCurrentMonthFirstMonthLast() { // 獲取當年1月1號 var date = new Date() this.listQuery.Params.BillStartTime = date.getFullYear() + "-01" + "-01"; // 當天的前一天 let BillEndTime = new Date( date.setDate(date.getDate()-1) ); this.listQuery.Params.BillEndTime = parseTime(BillEndTime).slice(0,10); this.dateRangeValue = [ this.listQuery.Params.BillStartTime, this.listQuery.Params.BillEndTime, ]; },
選一次日期再點擊清空按鈕,el-date-picker時間顯示空,回顯不成功;
解決辦法:
<el-date-picker style="width: 250px" v-model.trim="dateRangeValue" type="daterange" @input="dateRangeChange" range-separator="至" value-format="yyyy-MM-dd" start-placeholder="開始日期" end-placeholder="截止日期" clearable ></el-date-picker>
@change="dateRangeChange" 改為 @input="dateRangeChange"