原生js日历插件(代码干净无依赖!)

2019-03-28  本文已影响0人  潼潼爱coding

原生 js 日历插件

适合pc端的哈
维护的一个旧项目要添加日历插件,好久不用原生js写插件啦,就动手封装造了个小轮子~
日历的样式都是俺们家ui原创哒,感觉好清新有木有。。。

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
});
参数 说明
el 日历容器
clickCb 点击日期回调函数
prevMonthCb 点击上一月回调函数
nextMonthCb 点击下一月回调函数
upDate 日期展示上限,'年,月'
noPrevDate 是否可选今天之前的时间

其中upDate和noPrevDate是根据产品需求增加的,可以不填
prevMonthCb和nextMonthCb是点击上个月和下个月之后的回调,也可以不填

代码在我的github仓库:https://github.com/iLove-Coding/my-plugins/tree/master/calendar

传送门:在线展示效果

屏幕快照 2019-03-28 下午6.48.41.png
上一篇 下一篇

猜你喜欢

热点阅读