美文网首页
原生js日历插件(代码干净无依赖!)

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

作者: 潼潼爱coding | 来源:发表于2019-03-28 19:13 被阅读0次

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

相关文章

网友评论

      本文标题:原生js日历插件(代码干净无依赖!)

      本文链接:https://www.haomeiwen.com/subject/hbbcbqtx.html