微信小程序多列选择器实现日期+时间的选择

原创

已于 2023-05-12 10:44:14 修改 · 3.1k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2023-05-12 10:36:14 首次发布

1.实现效果

2.实现原理

mode='multiSelector'多列选择器

自定义范围数组range

在这里插入图片描述

3.实现代码

<!--pages/jsCase/multiTime/index4.wxml-->
<view class="act_box">
  <view class="act_item flex j_b">
    <view class="nowp"><text class="require">*</text>
      开始时间：
    </view>
    <picker mode="multiSelector" value="{
  
  {start_time}}" data-type="start_time" data-param='start_time_p' bindchange="changeDateTime" bindcolumnchange="changeDateTimeColumn" range="{
  
  {dateTimeArray}}">
      <view class="flex-row act_right">