针对vant的van-datetime-picker组件无法单独显示年份的问题，本文介绍了如何修改源码以满足需求。通过定位到DatePicker.js文件，插入并修改代码，确保组件能够仅显示并选择年份。在使用修改后的组件后，演示了正确效果，并提示若出现时间返回1970年的错误，需在源码中增加特定判断。作者提供了QQ和微信联系方式，欢迎交流讨论。
由于该组件无法只选择年份，不符合需求，所以更改其源码。
1、找到修改代码源码路径：node_modules=>vant=>es=>datetime-picker=>DatePicker.js
2、插入代码，如图所示
case 'year':
result = result.slice(0, 1);
break
3、修改代码，如图所示
month = type === 'year' ? 1 : getValue('month');
4、引入使用
<van-datetime-picker
v-model="currentDate"
type="year"
@confirm="onConfirm"
/>5、效果如下
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
