微信小程序如何让日期选择器循环

微信小程序如何让日期选择器循环,第1张

微信小程序让日期选择器循环的方法是:

1、自定义选择器组件需要用到picker-view跟picker-view-column。

2、打开选择器时就要获取到当前的年月日,使用for遍历直接生成年份数组跟月份数组。注:天数根据年份跟月份动态生成。

3、在选择的过程中,选择器有个改变事件,当年份或者月份改变的时候,天数要随之变化。

封装hf-picker选择器。因为自带的picker在iOS 、安卓上显示的样式不一致,产品测试提出个能不能样式弄成一致。想系统提供了picker-view这个,应该是没问题的。 

一番 *** 作以后,发现在层级不复杂的页面效果很不错,但是在一些view嵌套view嵌套的很深,比如里面已经有非statics的父view时,那么这个选择器的d窗显示的位置就不对了。同事说这个通过view肯定是实现不了,毕竟父view范围就那么大,除非把选择器view放到page里面去 ,是可以实现,但是违背了封装组件的原则。同事说试试half-screen-dialog,结果发现提供的Slot效果达不到UI要求.

如今有方法对half-screen-dialog的内部元素样式进行设置了,赶紧搞起。 最终结果还是挺好的。因为是dialgod出,所以不用考虑父view的范围问题了。 

使用 page 标签选择器,可以修改顶层节点的样式 page { display: blockmin-height: 100%background-color: red}使用 page 标签选择器,可以修改顶层节点的样式page { display: blockmin-height: 100%background-color: red}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11292690.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存