一个参数解决vue时间日期el-date-picker清空报错问题

        <div class="block">
          <el-date-picker
            v-model="meetingtime"
            type="datetimerange"
            :picker-options="pickerOptions"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            align="right"
            @change="handleDate">
          </el-date-picker>
        </div>

change回调加个参数,清空时参数会是null,v-model的数据也是null,把v-model的数据设置为空数据,不在报错。

methods:{
......
    handleDate(t) {		// 这里
      if (t == null) {
        this.meetingtime = []	// 这里
        return
      }
	  // 其他代码
      console.log("meetingtime:",this.meetingtime)
      this.queryParams["startTimeS"] = this.timeToString(this.meetingtime[0])
      this.queryParams["endTimeS"] = this.timeToString(this.meetingtime[1])
    },
......
}
posted @ 2022-07-13 13:50  foxerz  阅读(1032)  评论(0编辑  收藏  举报