请用vant4在vue中使用日期时间选择组件

好的，以下是在Vue中使用Vant 4的日期时间选择组件的代码示例：

1. 首先，确保已经安装了Vant 4，并在Vue项目中引入了它：

npm install vant@next

import { createApp } from 'vue';
import { Button, DatetimePicker } from 'vant';

import 'vant/lib/index.css';

const app = createApp({});
app.use(Button);
app.use(DatetimePicker);

app.mount('#app');

2. 在需要使用日期时间选择组件的组件中，添加以下代码：

<template>
  <van-datetime-picker
    v-model="currentDate"
    type="datetime"
    :min-date="minDate"
    :max-date="maxDate"
    :show-toolbar="false"
    :formatter="format"
  />
</template>

<script>
export default {
  data() {
    return {
      currentDate: new Date(),
      minDate: new Date(2010, 0, 1),
      maxDate: new Date(2030, 11, 31),
    };
  },
  methods: {
    format(date) {
      return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日 ${date.getHours()}:${date.getMinutes()}`;
    },
  },
};
</script>

在上面的代码中，我们使用了`<van-datetime-picker>`标签来创建日期时间选择组件，并使用`v-model`来绑定选定的日期时间。我们还定义了最小日期和最大日期，以及一个自定义的日期格式化函数。

这就是使用Vant 4在Vue中使用日期时间选择组件的完整代码示例。