Vue2 cube-ui time selector detailed explanation

<div class="header">
      <cube-input v-on:focus="showMinPicker('startTime')" v-model="startTime" placeholder="Start time" :maxlength=30 style="width: 50%;"></cube-input>
      <span>To</span>
      <cube-input v-on:focus="showMinPicker('endTime')" v-model="endTime" placeholder="End time" :maxlength=30 style="width: 50%;"></cube-input>
</div>

data () {
    return {
      // Start time startTime: '',
      // End time endTime: '',
      // timeIdentifying: ''
    }
  }

methods: {
    // Listen for the start selection time showMinPicker (time) {
      if (!this.minPicker) {
        this.minPicker = this.$createDatePicker({
          title: 'Select time',
          visible: true,
          // Minimum time min: new Date(2000, 0, 1),
          // Maximum time max: new Date(2099, 12, 1),
          // Current time value: new Date(),
          // Display format format: {
            year: 'YYYY',
            month: 'MM',
            date: 'DD'
          },
          //How many columns to display columnCount: 3,
          // After the selected time is determined onSelect: this.selectHandler,
          // After selecting the time to cancel onCancel: this.cancelHandler
        })
      }
      // Select time identification this.timeIdentifying = time
      // Display this.minPicker.show()
    },
    // The three parameters after the selected time are in different time formats, which may be determined according to your needs selectHandler (selectedTime, selectedText, formatedTime) {
      let time = ''
      for (let index = 0; index < selectedText.length; index++) {
        if (index === (selectedText.length - 1)) {
          time += selectedText[index]
        } else {
          time += selectedText[index] + '-'
        }
      }
      console.log('Start modifying')
      if (this.timeIdentifying === 'startTime') {
        console.log('Modify startTime')
        this.startTime = time
      } else if (this.timeIdentifying === 'endTime') {
        console.log('modify endTime')
        this.endTime = time
      }
      console.log('End of modification')
    },
    // Cancel event cancelHandler () {
      // Clear the selected time this.startTime = ''
      this.endTime = ''
    }
  }