element-plus清空日期选择器(el-date-picker)

gurenchang

已于 2023-08-19 11:48:42 修改

阅读量917

点赞数

文章标签： vue.js elementui javascript vue

于 2023-08-19 11:26:11 首次发布

本文链接：https://blog.csdn.net/gurenchang/article/details/132377880

版权

话不多说上代码：

//tyep:显示类型 
//range-separator:选择范围时的分隔符
//start-placeholder:开始日期的占位内容
//end-placeholder:结束日期的占位内容
//findInterviewTime:双向绑定的数据,是一个数组
//getPersonSearch：搜索按钮绑定的点击事件
<template>
        <div class="block">
          <span>面试时间:&nbsp;</span>
          <el-date-picker
            type="daterange"
            range-separator="To"
            start-placeholder="Start date"
            end-placeholder="End date"
            v-model="findInterviewTime"
          />
        </div>
      <div>
        <el-button type="primary" plain @click="getPersonSearch"
          >搜索</el-button>
      </div>
<template/>

<script setup>
//el-date-picker双向绑定的数组
const findInterviewTime = ref([]);
 function getPersonSearch() {
//将el-date-picker双向绑定的数组直接清空既可
  findInterviewTime.value = [];
}
</script>