• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

抬起按下的事件:

抬起事件:

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

 

 
 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
个人主体能做的小程序有哪些平台发布时间:2022-07-18
下一篇:
微信小程序 web-view 开发小记发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap