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

1.实现效果

可以设置不同的主题色

在这里插入图片描述

2.实现步骤

定义组件date：

在这里插入图片描述

组件的属性properties：

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

组件的方法：

最小时间，可进行自定义，无最大时间，当滑动至页面的底端，每次加载下六个月的日期值。
利用scroll-into-view的属性将日期定位到当前月份。

引入组件

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

3.获取完整代码

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