微信小程序的按下擡起事件,下拉選擇框的事件及點擊確定的方法函數,獲取時間的方法,省市區的方法。
阿新 • • 發佈:2018-09-17
bin img util req fun data hang UNC 日期
// 點擊日期組件確定事件
bindDateChange: function (e) {
console.log(e.detail.value)
this.setData({
dates: e.detail.value,
slsjys: ‘slsjys‘,
})
},
擡起按下的事件:
擡起事件:
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中:
省市區的函數:
頁面標簽:
<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, }); },
微信小程序的按下擡起事件,下拉選擇框的事件及點擊確定的方法函數,獲取時間的方法,省市區的方法。