[指南] V-Calendar 限制時間選取範圍

近期在使用 V-Calendar 來讓使用者得以選擇一定範圍內的時間區間時,遇上了一個狀況:限制條件能否精準到「分鐘」?套件預設的 max-date 和 min-date 的限制僅能精準到「天」而已。
calendar


套件下載

[官方網站]:https://vcalendar.io/

程式碼

1. 當小時和分鐘的欄位改變時,都會觸發檢查。若你是由開始時間的選項修改的話,兩者的時間會同步成一樣的
2. 所以先用結束時間去比對,如果超過現在的時間,優先修改結束時間
3. 再來用修改後的結束時間和開始時間比對,如果開始時間晚於修改後的結束時間,那就表示還要再做一次調整
4. 將最後調整的結果寫入


結論

經過嘗試後,是可以做到的,但需要在實際存入時,要對其做額外檢查。

按讚加入粉絲團

延伸閱讀