码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-09-17 19:35:13      阅读:678      评论:0      收藏:0      [点我收藏+]

标签:返回值   获取   小程序   更改   val   image   方法   date()   mat   

抬起按下的事件:

抬起事件:

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

 

 
 

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

标签:返回值   获取   小程序   更改   val   image   方法   date()   mat   

原文地址:https://www.cnblogs.com/baobaoa/p/9663614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!