最近在做一些小程序项目，应项目需求开始学习wxml、wxss和js语法,其中有个地方需要用到选择器。在iOS中使用UIPickerView控件可以完成。同样在官方文档中也可以找到picker组件，微信小程序组件-picker
这种内置定义好的选择器都是从底部弹起。目前支持五种选择器，通过设置mode来区分。分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。
但是发现选择今天的时候，时、分是可以在0～23、0～50之间选择的。如果现在是上午9点，我们在选择今天的时间候就只能选择9点以后的了。所以这里需要改进一下。如果选择今天，那么时、分中只能是当前时间往后的选项。
这里还有一点需要注意，如果今天时间是9:55。那么选项中首条应该怎么展示。首先时这里应该是10点往后延，而分就是0～50了。所以在获取到当前分还需要做判断才能给hours和minute赋值，具体看一下代码：
简要说明一下。picker每列数据变动事都会调bindMultiPickerColumnChange函数。首先每次拿到最新时间，并更新全局当前时、分：
picker改动的列索引和对应的值在e.detail中，所以每次改变，就把值赋值给multiIndex：
如果是第一列发生改变，并且是滚动到0，也就是滚动到 今天 的时候，第二列和第三列对应的应该变为当前时和分来显示。这里的minuteIndex定义为局部变量，是把当前分划分到哪个时间段的。如果在0～10之内，那么分钟显示为10、20、30、40、50。如果在40～50之间的线。
上面是对第一列为 今天的操作,如果第一列不为今天，那么第二列和第三列就应该显示全部数据。也就是下面这段代码：
如果第二列发生改变，要根据第一列的位置来改变hours和minute的值。所以如果第一列为0，也就是今天，并且第二列也为0，那么第二列和第三列应该根据当前时间进行显示。如果第二列不为0。那么第二列根据当前时来显示，但是第三列应该是0～50全部显示。如果第一列不为今天。这个时候第二列和第三列都应该全部显示，也就是0～23、0～50。最后需要滚动第三列到0号位：
同样如果第三列发生改变，也要根据第一列和第二列的位置来显示。如果第一列为0，第二列为0，那么这里的hours和minute应该根据当前时间来显示。如果第二列不为0，那么minute应该是0～50显示全部选项。最后如果第一列也不为0，那么hours和minute都应该全部显示。
pdf下载地址：Java面试宝典 第一章内容介绍 20 第二章JavaSE基础 21 一、Java面向对象 21 ...
在一些电商类的微信小程序中，地址选择这个功能一般是必备的，一般的收货信息都需要有一个能选择省市县的控件，当然也有些...
国家电网公司企业标准（Q/GDW）- 面向对象的用电信息数据交换协议 - 报批稿：20170802 前言： 排版 ...
Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
马的意志 一匹健壮的骏马，向着远方艰难跋涉，它怀着远大的梦想，用自己的足走遍千山万水，游尽大山内外，不负从小立下的...
