微信小程式酒店日曆超強功能

2022-07-22 18:45:10 字數 1312 閱讀 9972

首先利用date拿到年月日

月記得+1 ,因為是從0開始的

先遍歷月份,跨年年+1 ,月歸至1;

然後遍歷天數,  

lastdat = new date(val.year,val.month,0).getdate  ; 這個表示式可以獲得當前月的最後一天,就不用取分閏年或者平年了;一句**就可以解決很多判斷,這個是蠻不錯的。

獲取月最後一天,就可以拿到每個月了。自己想遍歷多少就多少;

來乙個二維陣列,在裡面加自己想要的屬性

如果需求需要加節假日,就給乙個陣列,遍歷天數是滿足條件則顯示對應的名字;

如果需求需要加忙碌時間,或者特定區間段裡**不同,搞**就利用map遍歷月份,將滿足條件的新增屬性標誌位即可。

可以考慮,用我這個方法。將不同年不同月不同日或者同年不同月不同日或者同年同月不同日的篩選出來;

然後想點選入住或者離店;

在這之前先給標籤加data-i 以及 data-x   乙個是標籤所在的月份,乙個是標籤所在的天數;就可以做對應的改變樣式

入住是第一次點選,離店時第二次點選;

做乙個判斷;

入住則改變對應月份裡的天數的樣式;當然要遍歷一下;(點選事件,然後獲取當前點選元素的對應所在月份和對應所在天數);

離店則要拿到離店對應的月份裡的天數和入住對應的月份裡的天數;倆者做差,將天數算出;(同乙個點選事件,判斷是不是第一次點選,可以把第一次點選的月份和天數存在乙個物件裡,判斷這個物件是否存在值,存在則是第一次點,不存在則第二次點選);

然後進行遍歷,由於遍歷的時候當前月的索引是0,所以只用考慮月份和天數;判斷月份如果第二次點的月份減去第一次的月份是0 則是同月 ;   同月就相減即可; 反之 則是跨月或者跨年(這時候跨年和跨月是一樣的,因為轉化為了陣列索引;索引沒有負數,所以只有0 和 整數),就把遍歷 (月的天數減去當前索引月份的天數)+後面幾個月的天數  )  ;

根據條件判斷是跨年還是跨月,如果跨月則天數歸零,月份加一;

這樣頭,中間,尾巴都出來了;

最後做的處理就是其他的狀況,出現這些狀況就只會出現入住狀態;像美團那種感覺;

微信小程式功能介紹

援引官方對產品的定義 框架為開發者提供了一系列基礎元件,開發者可以通過組合這些基礎元件進行快速開發。基礎元件分為以下八大類 檢視容器 基礎內容 表單操作反饋 導航多 地圖畫布 將本地資源上傳到開發者伺服器 一種在單個tcp連線上進行全雙工通訊的協議,能夠輕鬆構建低延遲的客戶端。從本地相簿選擇或使用相...

微信小程式授權功能

思路 1.首先獲取授權,看看到底有沒有這個授權,如果有,那麼就不再進行再次請求,如果沒有,那麼再次請求或者其他的業務邏輯。2.檢視授權資訊介面 wx.getsetting object object 後面我們具體分析這個介面如何使用 3.通過來調取授權 業務 獲取使用者授權資訊 getshouqua...

微信小程式 分頁功能

這個時候就需要分批次請求後台的房型列表 以這個例子為列,先看一下效果,為了方便測試,我是兩條資料為一頁,如果請求的最後一頁沒有了資料,則顯示沒有更多資料 這個效果中,乙個房型就是一條資料,大概思路就是將你每次要請求多少條資料傳到後台介面,後台會返回你請求的這幾條資料,在使用者下拉一次時再去請求一次介...