zoukankan      html  css  js  c++  java
  • 小程序省市三级联动 及日期选择 (年月日)

    日期选择

     <picker class="date=='选择生日'?'placeName':'placeText'" mode="date" value="{{date}}" start="2015-09-01" end="{{dateEnd}}" bindchange="bindDateChange">
              <view class="picker">
                  {{date}}
              </view>
            </picker>

    js

    data数据有
     date: '选择生日',
    dateEnd:'2021-07-09'
    
      bindDateChange: function(e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          date: e.detail.value
        })
        this.saveInfor(1)
      },

    小程序省市三级联动

      <picker class="picker-box" mode="region" bindchange="bindRegionChange" value="{{detailed}}" custom-item="{{customItem}}"
        name="detailed" >
                  <view class="picker {{clas}}" >{{detailed}}</view>
    </picker>

    js

    data有
     customItem: [],
     detailed: '请选择',
    
     //省市联动
     bindRegionChange: function (e) {
      var that = this
      //为了让选择框有个默认值,    
      that.setData({
        clas: ''
      })   //下拉框所选择的值
      console.log('picker发送选择改变,携带值为', e.detail.value)
    
      this.setData({
        //拼的字符串传后台
        detailed: e.detail.value[0] + " " + e.detail.value[1] + " " + e.detail.value[2],
        //下拉框选中的值
        region: e.detail.value
      })
      this.setData({
        "AddSite.area": e.detail.value[0] + " " + e.detail.value[1] + " " + e.detail.value[2],
        province:e.detail.value[0],
        city:e.detail.value[1],
        district:e.detail.value[2],
      })
      this.saveInfor(2)
      console.log(this.data.AddSite)
    },
  • 相关阅读:
    Hadoop入门
    Redis缓存分布式高可用架构原理
    ES分布式搜索引擎架构原理
    Java锁,多线程与高并发,JUC并发包
    图算法--拓扑序列
    数据结构--数组模拟队列
    数据结构--数组模拟栈
    数据结构--数组模拟双链表
    数据结构--数组模拟单链表
    基础算法--双指针
  • 原文地址:https://www.cnblogs.com/shuihanxiao/p/15048337.html
Copyright © 2011-2022 走看看