微信小程序的按下抬起事件，下拉选择框的事件及点击确定的方法函数，获取时间的方法，省市区的方法。...

抬起按下的事件：

抬起事件：

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,

　　});

},

 

 

 

转载于:https://www.cnblogs.com/baobaoa/p/9663614.html