vue v-model实现时间选择器

Vue.js 的 `v-model` 通常用于双向数据绑定，但在处理复杂组件如时间选择器时，我们可能会使用一些第三方库来简化操作。对于 Vue 时间选择器，一种常见的做法是使用 `vue2-datepicker` 或者 `iview` 这样的 UI 组件库，它们通常提供了内置的时间选择功能，并支持与 `v-model` 结合。

例如，使用 `vue2-datepicker`：

<template>
  <date-picker v-model="selectedDate" placeholder="选择日期"></date-picker>
</template>

<script>
import DatePicker from 'vue2-datepicker'

export default {
  components: {
    DatePicker,
  },
  data() {
    return {
      selectedDate: '',
    }
  },
}
</script>

在这个例子中，`selectedDate` 数据会随着用户在时间选择器中的选择实时更新。你可以通过这个属性来控制其他部分的业务逻辑。