微信小程序的按下抬起事件,下拉选择框的事件及点击确定的方法函数,获取时间的方法,省市区的方法。
抬起按下的事件:
抬起事件:
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,
});
},
请发表评论