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


    抬起按下的事件:

    抬起事件:

    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,
      });
    },
     
     
  • 相关阅读:
    java新手的session初体验
    菜鸟身份看泛型
    Java初学者不可不知的MyEclipse的设置技巧(自动联想功能)
    GCT之数学公式(几何部分)
    GCT之数学公式(代数部分)
    GCT之语文细节知识
    单元测试的方法
    常用的测试方法
    SQL 经典语句大全
    待处理(一)
  • 原文地址:https://www.cnblogs.com/baobaoa/p/9663614.html
Copyright © 2020-2023  润新知