Vue：ElementUI常用组件

时间范围选择

<template>
	<el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"> </el-date-picker>
</template>

<script>
export default {
	data() { return { value: null, };
  },
  methods: { handleDateChange(val) { console.log(val); // ["2020-12-04", "2021-01-05"] this.$emit("date-change", val) },
  },
}
</script>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/110481077