原生js日歷插件(代碼干凈無依賴!)

原生 js 日歷插件

適合pc端的哈
維護(hù)的一個舊項(xiàng)目要添加日歷插件，好久不用原生js寫插件啦，就動手封裝造了個小輪子～
日歷的樣式都是俺們家ui原創(chuàng)噠，感覺好清新有木有。。。

SchedulePlugin使用示例：

const mySchedule = new SchedulePlugin({
  el: ".js-option-calendar",
  clickCb: (y, m, d) => {},
  prevMonthCb: (y, m, d) => {},
  nextMonthCb: (y, m, d) => {}
  upDate: '2020, 11',
  noPrevDate: true
});
參數(shù) 說明
el 日歷容器
clickCb 點(diǎn)擊日期回調(diào)函數(shù)
prevMonthCb 點(diǎn)擊上一月回調(diào)函數(shù)
nextMonthCb 點(diǎn)擊下一月回調(diào)函數(shù)
upDate 日期展示上限，'年,月'
noPrevDate 是否可選今天之前的時間

其中upDate和noPrevDate是根據(jù)產(chǎn)品需求增加的，可以不填
prevMonthCb和nextMonthCb是點(diǎn)擊上個月和下個月之后的回調(diào)，也可以不填

代碼在我的github倉庫：https://github.com/iLove-Coding/my-plugins/tree/master/calendar

傳送門：在線展示效果

屏幕快照 2019-03-28 下午6.48.41.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容