1、遇到问题：使用Vant2插件的van-datetime-picker，发现达不到官网上的效果。
2、代码如图（vant2组件已经按需导入和配置，正常启动成功）：
3、运行结果（为了区分van-popup弹出来的效果，我添加了该背景色）：
4、我想要达到的结果：
5、请问该怎么做呀，网上搜索了好多方法，都不行。请指教，Thanks♪(･ω･)ﾉ
Vant2插件的van-datetime-picker怎样使用才能达到官网效果？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2023-04-14 09:07回答 5 已采纳 基于Monster 组和GPT的调写： 可能是Vant的版本不兼容，可以尝试更新到最新版本，看看是否可以解决问题。CSS样式影响：有可能是CSS样式影响了van-text-ellipsis组件的行为，
- 2019-08-01 16:49回答 3 已采纳 选项过滤器 通过传入filter函数，可以对选项数组进行过滤，实现自定义时间间隔 ``` export default { data() { return {
- 2022-03-01 17:20回答 1 已采纳 用!important去覆盖
- 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....
- 2022-01-10 11:28回答 3 已采纳 <van-calendar safe-area-inset-bottom v-model="AlldateShow" t
- 2021-12-07 15:42回答 3 已采纳 那就只当它做一个标签组件，点击切换component或路由 <van-tabs v-model="active" @click="handleTab"> <van-tab v-f
- 2022-06-16 18:30回答 2 已采纳 虽然你用for循环解决了问题，但感觉着实不太优雅，建议换用find <!DOCTYPE html> <html lang="en"> <head> &l
- 2023-07-24 20:30喜陈的博客 vant-ui，DatetimePicker时间选择器选择到秒。
- 2022-06-22 11:18回答 2 已采纳 onChange(event){ this.setData({ result: event.detail }) },onChange方法里要写赋值
- 2022-03-05 00:41回答 1 已采纳 这是一个警告，不影响功能，你可以把基础库调到2.18.0以上，应该就不会出现了
- 2022-08-22 15:15回答 1 已采纳 <template #right-icon> <van-icon name="chat-o" /> </template>
- 2022-04-13 11:41tuzi2018QH的博客 解决Vant Weapp的 van-datetime-picker组件在使用了filter属性后，默认值获取不到展示值，比较笨的方法 如上图，点击展开时间选择后，由于使用了filter属性，分钟数是指定了可选范围，此时不去滑动列表触发change...
- 2020-12-28 20:19mxlWhb的博客 修改代码源码路径：node_modules-vant-es-datetime-picker-DatePicker.js 1、 case ‘year’: result = result.slice(0, 1); break; 2、 month = type === ‘year’ ? 1 : getValue(‘month’)
- 2024-04-18 23:25Spy97的博客 微信小程序中，使用了vant 组件，在datetime-picker中，没有年份选择器，对源码进行修改，以支持
- 2024-04-03 14:02donghua201的博客 要求表单可以选择预约时间，月日时分显示单位，分钟以15分钟为一个间隔选择。选中项添加背景色，突出选中效果。
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月7日
已采纳回答
10月30日-
创建了问题
7月26日
悬赏问题
- ¥15 腾讯IOA系统怎么在文件夹里修改办公网络的连接
- ¥15 filenotfounderror:文件是存在的，权限也给了，但还一直报错
- ¥15 MATLAB和mosek的求解问题
- ¥20 修改中兴光猫sn的时候提示失败
- ¥15 java大作业爬取网页
- ¥15 怎么获取欧易的btc永续合约和交割合约的5m级的历史数据用来回测套利策略？
- ¥15 有没有办法利用libusb读取usb设备数据
- ¥15 为什么openeluer里面按不了python3呢？
- ¥15 关于#matlab#的问题：训练序列与输入层维度不一样
- ¥15 关于Ubuntu20.04.3LTS遇到的问题：在安装完CUDA驱动后，电脑会进入卡死的情况，但可以通过键盘按键进入安全重启，但重启完又会进入该情况！