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

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

bin img util req fun data hang UNC 日期

擡起按下的事件:

擡起事件:

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,   }); },

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