微信小程序的按下抬起事件,下拉選擇框的事件及點擊確定的方法函數,獲取時間的方法,省市區的方法。


抬起按下的事件:

抬起事件:

bind:touchstart="nanOne"   把這條屬性放到標簽里就可以了
在JS中
nanOne: function () {
    this.setData({
    nvimg: '../img/nvOne.png',
  })
},

按下事件:

bind:touchend="nanTwo" 把這條屬性放到標簽里就可以了
在JS中
nanTwo: function () {
    this.setData({
    nvimg: '../img/nvOne.png',
  })
},

下拉的頁面標簽:

<picker bindchange="brandChange" value="{{brandIndex}}" range="{{brandArray}}">
  <view>
    <input class='xzk {{ppys}}' value='{{brandArray[brandIndex]}}' disabled></input>
  </view>
  <image src='../img/sanjiao.jpg' class='sanjiao'></image>
</picker>

JS中:

選擇完成后的確認方法:

// 點擊品牌組件確定事件
brandChange: function (e) {
  if (e.detail.value == 4) {
    this.setData({ reply: true })
  } else {
    this.setData({ reply: false })
  }
  this.setData({
    brandIndex: e.detail.value,
  ppys:'ppys',
  })
},

獲取時間的方法:

頁面的標簽:

<picker mode="date" value="{{date}}" start="1978-01-01" end="2099-12-30" bindchange="bindDateChange">
  <view class="riqi {{slsjys}}">
    {{dates}}
  </view>
</picker>

JS中:

// 點擊日期組件確定事件
bindDateChange: function (e) {
  console.log(e.detail.value)
  this.setData({
    dates: e.detail.value,
    slsjys: 'slsjys',
  })
},

省市區的函數:

頁面標簽:

<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
  <view class='diqu {{dqys}}'>
    {{region[0]}}-{{region[1]}}-{{region[2]}}
  </view>
</picker>

js中:

// 點擊省市區的確認

bindRegionChange: function (e) {
  this.setData({
    region: e.detail.value,
    dqys: 'dqys',
  })
}

自動獲取時間

var util = require('./util.js');  引入微信自帶的文件。  這個文件微信自己有

獲取微信的當前時間

// 獲取當前時間
onLoad: function () {
// 調用函數時,傳入new Date()參數,返回值是日期和時間
  var time = util.formatTime(new Date());
// 再通過setData更改Page()里面的data,動態更新頁面的數據
  this.setData({
    dates: time,
  });
},

 

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM