Vant2插件的van-datetime-picker怎样使用才能达到官网效果？

1、遇到问题：使用Vant2插件的van-datetime-picker，发现达不到官网上的效果。

2、代码如图（vant2组件已经按需导入和配置，正常启动成功）：

3、运行结果（为了区分van-popup弹出来的效果，我添加了该背景色）：

4、我想要达到的结果：

5、请问该怎么做呀，网上搜索了好多方法，都不行。请指教，Thanks♪(･ω･)ﾉ

样式没有引进来吧

1,注册DataTimePicker组件

import { DatetimePicker } from 'vant'

Vue.use(DatetimePicker)

2,在UserEdit.vue页面使用, 定义相关变量

```javascript
<!-- 修改时间 -->
<van-popup v-model="isShowBirth" position="bottom" style="height: 50%" round>
      <!-- 日期选择控件 -->
      <van-datetime-picker
        v-model="currentDate"
        type="date"
        title="选择出生日期"
        :min-date="minDate"
        :max-date="maxDate"
        :show-toolbar="true"
      />
</van-popup>

<script>
export default {
  data () {
    return {
      // ...      
      isShowBirth: false, // 显示时间选择器
      minDate: new Date(1900, 0, 1), // 最小的可选的日期
      maxDate: new Date(), // 最大的可选日期
      currentDate: new Date() // 当前日期
    }
  },
}
</script>

样式引入 问题

官网样式在全局引入下