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