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

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

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

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

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

参考文档：

https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

wxml

js

效果

普通选择器

多列选择器

时分秒（时间选择器）

年月日 日期选择器

省市选择器

传值问题：

微信小程序picker选择器传值

以最简单的普通选择器为例

wxml

js

wxss

array: ['工作', '放假', '加班', '调休'],对应的int值分别是0,1,2,3

在实际使用中

例子

微信小程序提交form表单内容

wxml

js

css

点击完成的时候，将所有填写的值传给后端

不是start、end属性，而是min、max属性。如下：

<input type="date" id="time"/>

<script type="text/javascript">

//今天的时间

var day = new Date()

day.setTime(day.getTime())

var time = day.getFullYear()+"-" + ('0'+ (day.getMonth() + 1)).slice(-2) + "-" + ('0' + day.getDate()).slice(-2)

//昨天的时间

var day1 = new Date()

day1.setTime(day1.getTime() -24 * 60 * 60 * 1000)

var min = day1.getFullYear()+"-" + ('0'+ (day1.getMonth() + 1)).slice(-2) + "-" + ('0' + day1.getDate()).slice(-2)

//明天的时间

var day2 = new Date()

day2.setTime(day2.getTime() + 24 * 60 * 60 * 1000)

var max = day2.getFullYear()+"-" + ('0'+ (day2.getMonth() + 1)).slice(-2) + "-" + ('0' + day2.getDate()).slice(-2)

//默认时间为今天

document.getElementById('time').value = time

//限制不能选择昨天之前的日期（加上属性min）

document.getElementById('time').setAttribute('min', min)

//限制不能选择明天之后的日期（加上属性max）

document.getElementById('time').setAttribute('max', max)

</script>

---