300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信小程序自定义日期区间选择日历组件

微信小程序自定义日期区间选择日历组件

时间:2023-01-16 13:51:23

相关推荐

微信小程序自定义日期区间选择日历组件

1.实现效果

可以设置不同的主题色

2.实现步骤

定义组件date:

组件的属性properties:

isShow:是否展示日期选择timeStart:区间的开始时间timeEnd:区间的结束时间minDate:日期区间的最小时间,最小时间不要和当前日期相差太久theme_color:主题色值

组件的方法:

最小时间,可进行自定义,无最大时间,当滑动至页面的底端,每次加载下六个月的日期值。

利用scroll-into-view的属性将日期定位到当前月份。

引入组件

{"usingComponents": {"date":"../components/date/index"},"navigationBarTitleText": "自定义多日期选择"}

<!--minDate最小时间 默认为/1/1,日期格式为yyyy/mm/dd ,最小时间和当前日期尽量不要相差太大,无最大日期,在触底时每次加载6个月--><date isShow="true" timeStart="{{sel_list.start_time}}" minDate="/1/1" timeEnd="{{sel_list.end_time}}" theme_color="#2493F8"bind:tapYes="dateSubmit" bind:tapNo="closeModal" id="date" />

3.获取完整代码

4.更多小程序源码,关注苏苏的码云

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。