element的DateTimePicker时间选择器确定才变更时间的问题

需求:是点击确定才变更时间

element的组件是change就会改变双向绑定的值,

看到源码有handleClose方法,于是尝试在handleClose方法动收件,并且套了一层,封装这个DateTimePicker组件,

缺点:
点击确定后,派发给父组件的值,在提交前需要处理转化一下格式,但是好歹算是实现了

父组件:

   <picker
		:disabled="false"
	    v-model="timer"
	    format="yyyy.MM.dd HH:mm"
	    value-format="yyyy.MM.dd HH:mm"
	    type="datetime"
	    placeholder="选择日期时间"
	    default-time="12:00:00"
    >
    </picker>
...
 components: {
   
	 'picker': import 'xxx/picker.vue',
  },
data(){
   
	return{
   
		timer:""
	}
},

子组件:

<template>
    <el-date-picker
            ref="datePicker"
            v-bind="$attrs"