如何使用t-picker

t-picker是一款基于Ant Design的轻量级时间选择插件，它提供了一个方便的方式来让用户选择日期和时间。在Vue.js中使用t-picker，你需要先安装它：

npm install vant tpicker
# 或者使用yarn
yarn add vant tpicker

然后在组件模板中引入并使用t-picker:

<template>
  <v-row>
    <v-col>
      <van-t-picker v-model="selectedDate" placeholder="选择日期"></van-t-picker>
    </v-col>
    <v-col>
      <van-t-time-picker v-model="selectedTime" placeholder="选择时间"></van-t-time-picker>
    </v-col>
  </v-row>
</template>

<script>
import { TPicker } from 'vant';
export default {
  components: {
    VanTPicker: TPicker // 如果你在Vue 2.x中使用，需要加上这个别名
  },
  data() {
    return {
      selectedDate: '',
      selectedTime: ''
    };
  }
};
</script>

在上面的例子中，`v-model`绑定到数据属性上，当你改变选择的日期或时间时，对应的属性值就会更新。

如果你想要自定义选项、显示模式等特性，可以传入props到t-picker组件中。详细的API文档可以在Vant官方文档中找到：https://youzan.github.io/vant/components/time-picker.html