el-date-picker日期选择器

1. 先看效果
2.  给绑定事件change或blur事件具体看需求

   <el-date-picker
        v-model="valuedate"
        size="small"
        type="datetimerange"
        align="right"
        value-format="timestamp"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        :default-time="['00:00:00', '23:59:59']"
        @change="handBlur"
        clearable
   ></el-date-picker>

3.  value-formate设置时间格式
4. 绑定的事件

   handBlur () {
         console.log('清空 or 确定')
         // 日期失焦事件
         if (this.valuedate === null) {
           // 点击清空事件执行这里
           this.valuedate === null
         } else {
           const vs = this.valuedate
           this.queryParams.beginTime = vs[0]
           this.queryParams.endTime = vs[1]
         }
       },

5.  完结 撒花