Kalendae使用總結

2019-03-06　16:50:18

git官方教程：https://github.com/Twipped/Kalendae

js、css:https://pan.baidu.com/s/1Ye-d09OMG_31E8NLqzGwDA        提取碼：4v58

項目中須要用到可以顯示多個日期的組件，查了很久，找到了Kalendae，固然其餘的日期組件由於不瞭解，不表明不能實現。

 

使用方式：（日曆綁定div）

　　1.html中引入js、css

　　2.<div id="datepk"></div>

　　3.js中初始化並設置參數：

　　　　

var kal= new Kalendae(document.getElementById("datepk"), { 　　　　　　months:1, 　　　　　　mode:'multiple', 　　　　　　subscribe: { 　　　　　　　　'date-clicked': function (date) { 　　　　　　　　　　//點擊日期事件
　　　　　　　　}, 　　　　　　　　'change': function(date){ 　　　　　　　　　　//日期更改事件
　　　　　　　　}, 　　　　　　　　'view-changed': function(date){ 　　　　　　　　　　//界面更改事件
　　　　　　　 } 　　　　　　} 　　　　});

View Code

 

　　　　

　　　　注意，這裏使用一個變量接收，能夠在後期經過這個變量對日曆進行動態操做，例如獲取全部選中的日期：kal.getSelected();

 

　遇到的bug:

　　　　項目中須要動態顯示跨好幾個月的日期，當把這些日期動態的設置給日曆時，出現了一種現象：

　　　　　

　　　　不是當前月份的日期也被選中了，苦惱了好久也沒有從Kalendae根本上找到解決方式，最後我在view-changed添加了事件，每次變化都只查詢當前年月的日期而後顯示。