前段时间做小程序 我在调用uni-date-picker组件时候需要@maskClick方法 谁知道竟然无效，上网一查，看到也有其他小伙伴反应类似的问题，我就看了看源码，最终调成功了，记录一下，防止自己忘记。
ps:如果能帮助到大家，那就更开心了。话不多说，进入正题：
调用uni-datetime-picker我就不多说了，直接说怎么改源码
找到uni-datetime-picker-->uni-datetime-picker.vue
找到下面这段代码，在里面加上
@close="close"最终代码就是这样的文章来源：https://www.toymoban.com/news/detail-630964.html
<calendar v-show="isPhone" ref="mobile" :clearDate="false" :date="defSingleDate" :defTime="reactMobDefTime"
:start-date="caleRange.startDate" :end-date="caleRange.endDate" :selectableTimes="mobSelectableTime"
:pleStatus="endMultipleStatus" :showMonth="false" :range="isRange" :typeHasTime="hasTime" :insert="false"
:hideSecond="hideSecond" @confirm="mobileChange" @close="close" />这样改了之后 你在页面调用的@maskClick方法就起作用了。
有什么问题可以给我留言，谢谢大家。文章来源地址https://www.toymoban.com/news/detail-630964.html
到了这里，关于微信小程序uni-app uni-date-picker中的maskClick无效解决方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[uni-app]设置运行到微信小程序](https://imgs.yssmx.com/Uploads/2024/02/541887-1.png)
![[uni-app] 微信小程序 如何修改替换头像](https://imgs.yssmx.com/Uploads/2024/02/516718-1.png)
