Wechat applet: time selector for the estimated arrival date of the hotel

         This function only shows the afternoon 14:00 To the next day 06:00 Time period , When Click the time selector in the morning , The list of selectors defaults from 14:00 From the beginning to the next day 06:00 Time period , When Click the time selector in the afternoon , The list of selectors defaults to From the current time To the next day 06:00 Time period ,

design sketch ：

1, Layout

 2,js Logic

/** Life cycle function -- Monitor page display   */

  onShow: function () {

    this.obtainTime();

  },

/**  Get the time period to arrive at the hotel   */

  obtainTime(){

    let hour = getToDay().date;

    let hou = hour.getHours();

    if(hou < 14){

      let list = ['14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','22:00','23:00',' The next day  00:00',' The next day  01:00',' The next day  02:00',' The next day  03:00',' The next day  04:00',' The next day  05:00',' The next day  06:00'];

      this.setData({

        timeSelection:list

      });

    }else{

      let list = [];

      // for Cyclic 3 Conditions can be omitted , There is no judgment condition for exiting the loop , Must use break Statement exit loop , Otherwise it's a dead cycle ：

      for(; ;) {

        hour.setHours(hour.getHours() + 1);

        let hh = hour.getHours();

        if(hh == 7){

          break; //  adopt if Judge to exit the loop

        }

        if (hh < 10) hh = ' The next day  0' + hh +':00';

        if (hh > 10) hh = hh +':00';

        list.push(hh)

      }

      this.setData({

        timeSelection:list

      });

    }

  },

/**  The estimated arrival time is displayed   */

  bindTimeChange(e){

    this.setData({

      index2:e.detail.value

    })

  }

 3, Year, day, hour, minute and second packaging

/** Split date format */

export function formatTime(date) {

  const year = date.getFullYear()

  const month = date.getMonth() + 1

  const day = date.getDate()

  const hour = date.getHours()

  const minute = date.getMinutes()

  const second = date.getSeconds()

 return [year, month, day ,hour, minute, second].map(formatNumber)

}

/** Interception date */

export function formatDate( time_ , format_ ) {

  const date = time_.split(" ");

  const dateArr = date[0].split("-");

  const timeArr = date[1].split(":");

  switch (format_) {

    case 'yy-mm': 

    return  `${ dateArr[0] }-${ dateArr[1] }`

    break;

    case 'yy-mm-dd': 

    return  `${ dateArr[0] }-${ dateArr[1] }-${ dateArr[2] }`

    break;

    case 'yy-mm-dd hh:mm': 

    return  `${ dateArr[0] }-${ dateArr[1] }-${ dateArr[2] } ${ timeArr[0] }:${ timeArr[1] }`

    break;

    default: return false; break;

  }

}

/** Convert the time difference into hh:mm Format */

export function calculateTime( s_ , e_  , format) {

  let s_times = new Date(s_.replace(/-/g,'/').replace(/-/g,'/')).getTime();

  let e_times = new Date(e_.replace(/-/g,'/').replace(/-/g,'/')).getTime();

  let durs = ( e_times - s_times );

  let hour = durs/1000/60/60;

  hour = Math.floor(hour);

  let minute = Math.floor((durs - hour*1000*60*60)/1000/60);

  let second = Math.floor((durs - hour*1000*60*60 - minute*1000*60)/1000);

  return [hour,minute,second].map(formatNumber)  

}

//  format

function formatNumber(n) {

  n = n.toString()

  return n.length >= 2 ? n : '0' + n  

}

/** Get today's date */

export function getToDay() {

  let date = new Date();

  let y = date.getFullYear();

  let m = date.getMonth() + 1;

  let d = date.getDate();

  let hh = date.getHours();

  let mm = date.getMinutes();

  let ss = date.getSeconds();

  date.setDate(date.getDate() + 1); // Future days   1 For tomorrow ,2,3,4,5 It represents the next few days

  let yyy = date.getFullYear();

  let mmm = date.getMonth() + 1;

  let ddd = date.getDate();

  let today = `${ y }-${ formatNumber(m) }-${ formatNumber(d) }`;  // Specific date

  let currentDate = `${ y }-${ formatNumber(m) }-${ formatNumber(d) }`;  // The current date

  let future = `${ yyy }-${ formatNumber(mmm) }-${ formatNumber(ddd) }`;  // Future dates

  let n = today + ` ${ formatNumber(hh) }:${ formatNumber(mm) }:${ formatNumber(ss) }`;  // current time

  return {

    date,

    y,

    m,

    d,

    currentDate,

    future,

    today,

    hh,

    mm,

    n

  }  

}