iview的DatePicker 怎么选择时分秒

 <DatePicker @on-change="changeDate" ref="changeDatePicker" type="datetime" v-model="formatDates"></DatePicker>

官方文档给的属性是不符合需求的，它只是在日期后面加默认的"00:00:00"，所以我们需要自己去写

方案： 

 <DatePicker @on-change="changeDate" ref="changeDatePicker" type="datetime" v-model="formatDates"></DatePicker>

 

写一个事件on-change="changeDate" ，监听日期的选择，ref指向当前的组件

changeDate(){
      if(this.formatDates){

        this.$refs["changeDatePicker"].onSelectionModeChange('time');//弹出时间选择框

        this.detailData.validTime = this.$refs.changeDatePicker.visualValue  //将当前组件的选择的年月日时分秒时间，赋值给当前组件

       }