午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序日歷選擇-類似酒店預訂方式有節日標識

發(fa)布時(shi)間(jian):2018-06-08 10:15 所屬欄目:小程序開發教程

微信小(xiao)程序的日歷(li)選(xuan)擇,主要針對(dui)酒店選(xuan)擇時間段(duan)的日歷(li),帶有公(gong)歷(li)的節日。

主要函數: 
通(tong)過選(xuan)擇入住與離店時(shi)(shi)間,記(ji)錄對應的時(shi)(shi)間段(duan),判斷選(xuan)擇的開始(shi)時(shi)(shi)間和結束時(shi)(shi)間,通(tong)過改(gai)變背影顏色連成對應時(shi)(shi)間段(duan)。

  selectDataMarkLine: function () {
 let dateList = this.data.dateList;
 let { checkInDate, checkOutDate } = wx.getStorageSync("ROOM_SOURCE_DATE");
 let curreInid = checkInDate.substr(0, 4) + "-" + (checkInDate.substr(5, 2) < 10 ? checkInDate.substr(6, 1) : checkInDate.substr(5, 2));//選擇入住的id
 let curreOutid = checkOutDate.substr(0, 4) + "-" + (checkOutDate.substr(5, 2) < 10 ? checkOutDate.substr(6, 1) : checkOutDate.substr(5, 2));//選擇離店的id
 let dayIn = checkInDate.substr(8, 2) >= 10 ? checkInDate.substr(8, 2) : checkInDate.substr(9, 1);//選擇入住的天id
 let dayOut = checkOutDate.substr(8, 2) >= 10 ? checkOutDate.substr(8, 2) : checkOutDate.substr(9, 1);//選擇離店的天id
 let monthIn = checkInDate.substr(5, 2) >= 10 ? checkInDate.substr(5, 2) : checkInDate.substr(6, 1);//選擇入店的月id
 let monthOut = checkOutDate.substr(5, 2) >= 10 ? checkOutDate.substr(5, 2) : checkOutDate.substr(6, 1);//選擇離店的月id
 if (curreInid == curreOutid) {//入住與離店是當月的情況
 for (let i = 0; i < dateList.length; i++) {
 if (dateList[i].id == curreInid) {
 let days = dateList[i].days;
 for (let k = 0; k < days.length; k++) {
 if (days[k].day >= dayIn && days[k].day <= dayOut) {
              days[k].class = days[k].class + ' bgitem';
 }
 if (days[k].day == dayIn) {
              days[k].class = days[k].class + ' active';
              days[k].inday = true;
 }
 if (days[k].day == dayOut) {
              days[k].class = days[k].class + ' active';
              days[k].outday = true;
 }
 }
 }
 }
 } else {//跨月
 for (let j = 0; j < dateList.length; j++) {
 if (dateList[j].month == monthIn) {//入住的開始月份
 let days = dateList[j].days;
 for (let k = 0; k < days.length; k++) {
 if (days[k].day >= dayIn) {
              days[k].class = days[k].class + ' bgitem';
 }
 if (days[k].day == dayIn) {
              days[k].class = days[k].class + ' active';
              days[k].inday = true;
 }
 }
 } else {//入住跨月月份
 if (dateList[j].month < monthOut) {//離店中間的月份
 let days = dateList[j].days;
 for (let k = 0; k < days.length; k++) {
              days[k].class = days[k].class + ' bgitem';
 }
 } else if (dateList[j].month == monthOut) {//離店最后的月份
 let days = dateList[j].days;
 for (let k = 0; k < days.length; k++) {
 if (days[k].day <= dayOut) {
                days[k].class = days[k].class + ' bgitem';
 }
 if (days[k].day == dayOut) {
                days[k].class = days[k].class + ' active';
                days[k].outday = true;
 }
 }
 }
 }
 }
 }
 this.setData({
      dateList: dateList
 })
 },

 

效果圖:

本文地址://www.jinyoudianli.com/wxmini/doc/course/24516.html 復制鏈接 如需定制請(qing)聯系易優客服咨詢:

工作日 8:30-12:00 14:30-18:00
周(zhou)六(liu)及(ji)部分節假日提(ti)供值班服務

易小優
轉人(ren)工 ×