会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 16楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 17楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 18楼
WEB前端全系列/第十四阶段:微信小程序/小程序WXML语法 19楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 20楼

为什么后面的选择器不生效呢  改变之后页面上的显示不会变,
而且时间选择器开始的时间前面的时间也可以选择。

// pages/picker/picker.js
Page({
    data:{
      array:["吃","喝","玩","乐"],
      index:3,
      multiArray:[
        ["中国","日本"],
        ["辽宁","四川","江苏"],
        ["本溪","沈阳", "大连"]
      ],
      multiIndex:[0,0,0],
      time:'12:01',
      date:"2023-02-27"
    },
    bindPickerChange(e){
      this.setData({
        //e.detail,value:可以获取用户选择的内容下标
        index:e.detail.value
      })

    },
    bindMultiPickerChange(e){
      this.setData({
        //e.detail,value:可以获取用户选择的内容下标
        multiIndex:e.detail.value
      })

    },
    bindTimeChange(e){
      this.setData({
        time:e.detail.value
      })
    },
    bindDateChange(e){
      this.setData({
        date:e.detail.value
      })
    }
})

<!--pages/picker/picker.wxml-->
<view>普通选择器</view>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
  当前选择:{{array[index]}}
</view>
</picker>

<view>多列选择器</view>
<picker mode="multiSelector" bindChange="bindMultiPickerChange" value="{{multiIndex}}" range="{{multiArray}}">
<view class="picker">
  当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}}
</view>
</picker>


<view>时间选择器</view>
<picker mode="time" value="{{time}}" start="09:01" end="21:01" bindChange="bindTimeChange">
  <view class="picker">
    当前选择:{{time}}
  </view>
</picker>

<view>日期选择器</view>
<picker mode="date" value="{{date}}" start="2000-09-01" end="2030-09-01" bindChange="bindDateChange">
  <view>
    当前选择:{{date}}
  </view>
</picker>


WEB前端全系列/第十四阶段:微信小程序/小程序组件 21楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 22楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 23楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 25楼
WEB前端全系列/第十四阶段:微信小程序/小程序API 26楼
WEB前端全系列/第十四阶段:微信小程序/小程序API 27楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 28楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 29楼
WEB前端全系列/第十四阶段:微信小程序/小程序组件库 30楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637