使用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、网站不提供资料下载,如需下载请到原作者页面进行下载。