项目开发中使用了element ui的datePicker使用@change 不能调用相关的方法

Question

在项目开发的日期选择是这样实现的：<div>    <div class="block">      <el-date-picker        v-model="value1"        type="date"        placeholder="选择日期下限"        @change="pickTime"        :picker-options="pickerOptions0">      </el-date-picker>    </div>    <div class="block">      <el-date-picker        v-model="value2"        align="right"        type="date"        @change="pickTime"        placeholder="选择日期上限"        :picker-options="pickerOptions1">      </el-date-picker>    </div>             export default {    name: 'timer',    data () {      return {        pickerOptions0: {          disabledDate (time) {            return time.getTime() > Date.now()          }        },        pickerOptions1: {          disabledDate (time) {            return time.getTime() > Date.now()          }        },        value1: '',        value2: ''      }    },    methods: {      pickTime (val) {        console.log(val)      }    }  }  但是不知道为什么就是不能触发change事件，不能获得所选的格式化后的值？    

Answer 1

我使用了@input可以调用方法，但是获得时间需要进过format()进行转化，但我觉的这样更加的灵活了。