原生 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