微信小程序 选择时间区间(可自定义+开始时间小于结束时间)

记录自己的一点点代码

 

   

     

        {{ date1 }}

     

   

    至

   

     

        {{ date2 }}

     

   

 

// __js

var gba = require('../../utils/global.js')

var that

Page({

  data: {

    imgUrl: gba.globalData.imgUrl, //图片路径

    date1: '选择开始时间', //选择开始时间

    date2: '选择结束时间', //选择结束时间

  },

  onLoad: function(options) {

    that = this

    var timestamp = Date.parse(new Date());

    var date = new Date(timestamp);

    //获取年份  

    var Y = date.getFullYear();

    //获取月份  

    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);

    //获取当日日期 

    var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); 

    var day = (Y + '-' + M + '-' + D)

    that.setData({

      start: '2015-09-01', //开始时间

      end: day, //结束时间

      daystart: new Date(day.replace(/-/g, "/")).getTime(), //开始时间戳

      dayend: new Date(day.replace(/-/g, "/")).getTime() //结束时间戳

    })

  },

  // 时间段选择 

  bindDateChange(e) {

    let that = this;

    let daystart = new Date(e.detail.value.replace(/-/g, "/")).getTime()

    if (daystart <= that.data.dayend) {

      that.setData({

        date1: e.detail.value,

        daystart: daystart

      })

    } else {

      wx.showToast({

        title: '请选择正确的时间区间',

        icon: 'none',

        duration: 1000,

        mask: true

      })

    }

  },

  bindDateChange2(e) {

    let that = this;

    let dayend = new Date(e.detail.value.replace(/-/g, "/")).getTime()

    if (that.data.daystart <= dayend) {

      that.setData({

        date2: e.detail.value,

        dayend: dayend

      })

    } else {

      wx.showToast({

        title: '请选择正确的时间区间',

        icon: 'none',

        duration: 1000,

        mask: true

      })

    }

  },

})