前言:由于el-date-picker返回的是一个数组且没有格式化,使用起来并不是很方便,所有个人稍微封装了下,写的不好,有问题请多指教!
第一步 新建vDatePicker.vue
<template>
<el-date-picker
v-model="Times"
type="daterange"
:range-separator="rangeName"
:start-placeholder="startName"
:end-placeholder="endName"
@change="getTime">
</el-date-picker>
</template>
<script>
import {
ref,
} from "vue";
import utils from "../utils/utils.js"//这边日期格式的代码就不展示了,这个比较简单哈
export default {
props:{
rangeName:{
type:String,
default:'至'
},
startName:{
type:String,
default:'开始日期'
},
endName:{
type:String,
default:'结束日期'
},
},
setup(props,{
slots, attrs, emit }){
const Times = ref([]);
const getTime = ()