使用swiper.js 和 LunarCalendar.mi

依赖资源 ./css/swiper.min.css 日历组件滑动css库 ./js/swiper.js 日历组件滑动js库 ./js/LunarCalendar.min.js 农历js库 配置和使用方法

DOM结构

一个div即可

<div id="test"></div>

初始化

以下代码是用法

new WeekCalendar({ el: "#test", format:'-', onClick :function(data){//点击日期触发 参数 返回点击后的日期 console.log(data) },transitionEnd:function(data){//滑动结束后触发 参数 返回滑动后的日期 console.log(data) },init:function(data){//滑动结束后触发 参数 返回今天的的日期 console.log(data) } });

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。