#踩坑# 伙伴匹配系统-12 由于 vant 4 的 data-picker、time-picker 和 vant 3 的 datetime-picker组件的相关问题，以及在星球大佬的指导下摸索的一些解决方法 皮总在项目中使用的 vant 3 组件代码如下： <van-field is-link readonly name="datetimePicker" label="过期时间" :placeholder="addTeamData.expireTime ?? '点击选择过期时间'" @click="showPicker = true" /> <van-popup v-model:show="showPicker" position="bottom"> <van-datetime-picker v-model="addTeamData.expireTime" @confirm="showPicker = false" type="datetime" title="请选择过期时间" :min-date="minDate" /> 个人使用 vant 4 ： <van-field is-link readonly name="datetimePicker" label="过期时间" :placeholder="currentDate[0] '-' currentDate[1] '-' currentDate[2] ' ' currentTime[0] ':' currentTime[1] ?? '点击选择过期时间'" @click="showPicker = true" /> <van-popup v-model:show="showPicker" position="bottom"> <van-picker-group title="请选择过期时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="showPicker = false" @cancel="onCancel" > <van-date-picker v-model="currentDate" :min-date="minDate" /> <van-time-picker v-model="currentTime"/> </van-picker-group> 还有一些问题就是占位符的使用方面， 由于时间上比较紧张，个人有很多技术都是没有学习，就开始了做项目， 后面，尽量找时间去补上自己的短板。总的来说，貌似跟着走完一个项目，就会有很多发现，以及各方面能力的一些提升，比如，定位问题所在，以及确定问题是什么？这样才能够找到解决的方法。项目末期了，也深刻理解了皮总的一句话：“先完成，再完美！” 感谢鱼友们的探讨以及讨论，有时候卡半天，就差你们的一句提点。 特别感谢 10598-黑马-JAVA 在项目上给予的一些帮助！ 日期格式转换的问题可以参考以下几篇文章： https://blog.csdn.net/weixin_40816738/article/details/124992818 https://blog.csdn.net/qq_40841437/article/details/128271356 https://blog.csdn.net/zhuzicc/article/details/106529485 https://blog.csdn.net/qq_40269087/article/details/112723364