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

    抬起按下的事件:

    抬起事件:

    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,
      });
    },
     
     
  • 相关阅读:
    android中BuildConfig.DEBUG的使用
    Http 状态码完整说明
    Java 线程池
    Gson简要使用笔记
    Android Loader详解四:回调及完整例子
    Android Loader详解三:重启与回调
    Android Loader详解二:使用加载器
    Android Loader详解一:概述
    Metrics介绍和Spring的集成(转)
    Web.xml配置详解之context-param(转)
  • 原文地址:https://www.cnblogs.com/baobaoa/p/9663614.html
Copyright © 2011-2022 走看看