1 .风格展示
静态演示文稿：
2 .代码说明
想法：需要两个数组来显示这个。 第一个数组包含我们显示的所有信息，第二个数组是我们选择的下标信息的索引值。 如果你不理解这句话，请看下面的例子。
使用Picker组件(从底部弹出的滚动选择器)，从官方文档中可以看到，从底部调用时间选择器需要多列选择器。 在中，第一个传递range的数组类型格式必须为[[] [] []]。 像range (第一个数组)那样，在称为dateTimeArray的大数组中应该嵌套多少个小数组，该时间选择器弹出几列(这里是三列)，例如2021-01-15星期五02时20
因此，当选择器显示不同的内容时，最主要修改的是大数组的内容，即名为range的数组的内容。 这是重点！
粘贴几个主要代码。
WXML:我占用了时间
view class=' bottom-item ' view class=' bottom-item-left '时间选择(未处理):/viewpickerclass=' bottom-item-right ' mming ' bind change=' change datetime1' range=' { { datetime array } } ' viewblow bloay ' input put blockblockwx : elseinputplaceholder='乘车时间' value=' { { show time } } '/block/view/picker/viewviewclass
JS:
vardatetimepicker=require (' ./utils/datetime picker.js ' )； /** *生命周期函数--加载监听页*/onload:function(options ) /当前时间var timestamp=date.parse (new date ) )； vardate=newdate(timestamp； //获取完整的年月日时分秒，默认显示的数组var obj1=datetime picker.datetime picker (30，date )； console.log('obj1'，obj1)； this.setdata (datetime array : obj1. datetime array，dateTime: obj1.dateTime，} )；//触发选择时间到了时变更日期1 (e ) this.setdata ) ) datetime:e.detail.value )； console.log(datetime )，this.data.dateTime )； var change time=this.data.datetime array [0] [ this.data.datetime array [1] [ th IIS ] var times=changeTime.split (' )； vartime=times [0] ' times [2].substring [ 0，2 ] ' : ' times [3].substring [ 0，2 ] ' 3:00 '； this.setdata(cartime:time，showtime: changeTime } ) }，
3 .代码的完整地址：
3359 gitee.com/childrens _1/we chat-tools
成员统计概要