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

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

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

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

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

微信小程序日历组件calendar详解及实例

模版使用：

src="../cal/calendar.wxml">

is="calendar"

data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,l

unar_selected_value}}">

JS代码使用：

var

Calendar

=

require('../cal/calendar')

Page({

data:

{

selected_value:

[],

days:

[],

month:

[],

years:

[],

lunar_years:

[],

lunar_month:

[],

lunar_days:

[],

selectDateType:

1,

lunar_selected_value:

[]

},

....

//

指定选择器回调函数

new

Calendar('key',

this,

function(date){

that.setData({

date:

date

})

})

样式

.calendar{

position:

absolute

bottom:

0

width:

100%

z-index:

999

background-color:

#fff

}

.tab{

display:inline-block

width:50%

text-align:center

font-size:16px

color:

#ccc

}

.tab-bar{

background-color:

#eee

height:

40px

line-height:

40px

}

.tab-bar

.active{

color:

#000

}

.selected-item{

font-size:

28px

}

.event-type_parent{

font-size:

14px

}

.event-type_child{

text-align:

center

line-height:

30px

}

.event-type_txt{

display:

inline-block

}

以上用法看不懂的话，具体就参考代码里面index目录下。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

---