vant3 datetimepicker选择默认时间

Vant 3 的 DateTimePicker 组件允许设置默认选中时间。要在 Vue 项目中使用它并设定默认时间，首先需要安装 Vant UI 的依赖，然后在组件的 `data` 或者 `created` 钩子函数中设置默认值。这是一个简单的例子：

<template>
  <van-datetime-picker v-model="selectedTime" placeholder="选择日期和时间"></van-datetime-picker>
</template>

<script setup>
import { defineComponent, ref } from 'vue';
import { DateTimePicker } from 'vant';

const selectedTime = ref(new Date()); // 使用 ref 存储默认时间

// 如果有特定的默认时间，例如 "2023-03-08 14:30:00"
// const defaultTime = new Date('2023-03-08T14:30:00');

setup() {
  // 如果想从数据中获取默认时间，可以这样设置
  // selectedTime.value = defaultTime;

  return {
    selectedTime,
  };
}
</script>

当你创建这个组件实例时，`selectedTime` 的值就会自动绑定到 DateTimePicker 的当前选择上。如果你想让日期时间组件一开始就显示这个默认值，只需要给它设置相应的值即可。