国产亚洲精品资源在线26u

      
      
      <th id="ljgpb"><pre id="ljgpb"><sup id="ljgpb"></sup></pre></th>

      <rp id="ljgpb"></rp>

      您現在的位置: 微信小程序 > 微信小程序開發 > 文檔 >

      微信小程序新增功能: 多列模式和省市區類型

      來源:微信小程序 編輯:Yiyongtong.com 發布時間:2017-11-23 17:34熱度:

      昨日,小程序開發者工具又更新啦!這次又推出了一些比較棒的功能,個人覺得這個省市區聯動還是比較棒的,特此貼出源碼供大家查看~picker-view嵌入頁面的滾動選擇器屬性名類型說明最低版本valueNumberArray數組中的數 ...

       
       
       

       

      昨日,小程序開發者工具又更新啦!這次又推出了一些比較棒的功能,個人覺得這個省市區聯動還是比較棒的,特此貼出源碼供大家查看~
       

       

      picker-view

      嵌入頁面的滾動選擇器

       

      注意:其中只可放置組件,其他節點不會顯示。

      picker-view-column

      僅可放置于中,其孩子節點的高度會自動設置成與picker-view的選中框的高度一致

      示例代碼:

      <view>
        <view>{{year}}年{{month}}月{{day}}日view>
        <picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" value="{{value}}" bindchange="bindChange">
          <picker-view-column>
            <view wx:for="{{years}}" style="line-height: 50px">{{item}}年view>
          picker-view-column>
          <picker-view-column>
            <view wx:for="{{months}}" style="line-height: 50px">{{item}}月view>
          picker-view-column>
          <picker-view-column>
            <view wx:for="{{days}}" style="line-height: 50px">{{item}}日view>
          picker-view-column>
        picker-view>
      view>
      
      const date = new Date()
      const years = []
      const months = []
      const days = []
      
      for (let i = 1990; i <= date.getFullYear(); i++) {
        years.push(i)
      }
      
      for (let i = 1 ; i <= 12; i++) {
        months.push(i)
      }
      
      for (let i = 1 ; i <= 31; i++) {
        days.push(i)
      }
      
      Page({
        data: {
          years: years,
          year: date.getFullYear(),
          months: months,
          month: 2,
          days: days,
          day: 2,
          year: date.getFullYear(),
          value: [9999, 1, 1],
        },
        bindChange: function(e) {
          const val = e.detail.value
          this.setData({
            year: this.data.years[val[0]],
            month: this.data.months[val[1]],
            day: this.data.days[val[2]]
          })
        }
      })
      

      picker_view

      Tips

      1. tip: 滾動時在iOS自帶振動反饋,可在系統設置 -> 聲音與觸感 -> 系統觸感反饋中關閉

      国产亚洲精品资源在线26u

          
          
          <th id="ljgpb"><pre id="ljgpb"><sup id="ljgpb"></sup></pre></th>

          <rp id="ljgpb"></rp>