vue写一个日期时间选择器 精确到年月日时分

可以使用第三方组件库Element UI中的DatePicker和TimePicker组件来实现这个功能。具体代码如下：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="date"
      placeholder="选择日期"
      value-format="yyyy-MM-dd"
      :picker-options="pickerOptions">
    </el-date-picker>
    <el-time-picker
      v-model="time"
      placeholder="选择时间"
      :picker-options="pickerOptions">
    </el-time-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      time: '',
      pickerOptions: {
        start: '00:00',
        step: '00:15',
        end: '23:45'
      }
    }
  }
}
</script>

在这段代码中，我们首先引入了Element UI的DatePicker和TimePicker组件，并使用了v-model指令来绑定日期和时间的值。同时，我们还使用了picker-options属性来配置选择器的一些选项，比如起始时间、时间步长和结束时间等。最后，我们还设置了value-format属性来指定日期的格式为年月日。这样就可以实现一个精确到年月日时分的日期时间选择器了。