1、遇到问题：使用Vant2插件的van-datetime-picker，发现达不到官网上的效果。
2、代码如图（vant2组件已经按需导入和配置，正常启动成功）：
3、运行结果（为了区分van-popup弹出来的效果，我添加了该背景色）：
4、我想要达到的结果：
5、请问该怎么做呀，网上搜索了好多方法，都不行。请指教，Thanks♪(･ω･)ﾉ
Vant2插件的van-datetime-picker怎样使用才能达到官网效果？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2022-07-26 23:39回答 4 已采纳 样式没有引进来吧
- 2023-04-14 09:07回答 5 已采纳 基于Monster 组和GPT的调写： 可能是Vant的版本不兼容，可以尝试更新到最新版本，看看是否可以解决问题。CSS样式影响：有可能是CSS样式影响了van-text-ellipsis组件的行为，
- 2022-01-10 11:28回答 3 已采纳 <van-calendar safe-area-inset-bottom v-model="AlldateShow" t
- 2022-03-01 10:07fail-request的博客 2.van-datetime-picker组件源码在项目中的路径： node_modules=>vant=>es=>datetime-picker=>DatePicker.js 3.在DatePicker.js文件中有一个ranges函数，插入以下代码 case 'year': result = result....
- 2019-08-01 16:49回答 3 已采纳 选项过滤器 通过传入filter函数，可以对选项数组进行过滤，实现自定义时间间隔 ``` export default { data() { return {
- 2021-12-07 15:42回答 3 已采纳 那就只当它做一个标签组件，点击切换component或路由 <van-tabs v-model="active" @click="handleTab"> <van-tab v-f
- 2022-03-01 17:20回答 1 已采纳 用!important去覆盖
- 2022-04-13 11:41tuzi2018QH的博客 解决Vant Weapp的 van-datetime-picker组件在使用了filter属性后，默认值获取不到展示值，比较笨的方法 如上图，点击展开时间选择后，由于使用了filter属性，分钟数是指定了可选范围，此时不去滑动列表触发change...
- 2022-06-16 18:30回答 2 已采纳 虽然你用for循环解决了问题，但感觉着实不太优雅，建议换用find <!DOCTYPE html> <html lang="en"> <head> &l
- 2022-06-22 11:18回答 2 已采纳 onChange(event){ this.setData({ result: event.detail }) },onChange方法里要写赋值
- 2022-03-05 00:41回答 1 已采纳 这是一个警告，不影响功能，你可以把基础库调到2.18.0以上，应该就不会出现了
- 2024-04-18 23:25Spy97的博客 微信小程序中，使用了vant 组件，在datetime-picker中，没有年份选择器，对源码进行修改，以支持
- 2022-08-22 15:15回答 1 已采纳 <template #right-icon> <van-icon name="chat-o" /> </template>
- 2024-04-03 14:02donghua201的博客 要求表单可以选择预约时间，月日时分显示单位，分钟以15分钟为一个间隔选择。选中项添加背景色，突出选中效果。
- 2023-07-24 20:30喜陈的博客 vant-ui，DatetimePicker时间选择器选择到秒。
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月7日
已采纳回答
10月30日-
创建了问题
7月26日
悬赏问题
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
- ¥15 Windows11, backspace, enter, space键失灵