SMCalendar日期组件
【SMCalendar日期组件】来源:http://itssh.cn/post/15.html
SMCalendar
SMCalendar 日历,依赖Jquery,有问题请发邮件:sm0210@qq.com
github地址:https://github.com/sm0210/SMCalendar
author:SM
e-mail:sm0210@qq.com
desc:SMCalendar日历
version:SMCalendar 0.1
效果
文章图片
SMCalendar.png
文章图片
SMCalendar0.2.png 实例化SMCalendar日历对象一,简单实例化无需任何参数
var SMCalendar=$("#SMCalendar").initSMCalendar();
//初始化日历插件,并获取日历对象
实例化SMCalendar日历对象二,传入日期数据 //数据
var data=https://www.it610.com/article/[{'title':'今天标题1','date':'2015-11-19'},{'title':'今天标题2','date':'2015-11-19'},{'title':'标题2','date':'2015-11-20'},{'title':'标题3','date':'2015-12-28'}];
//初始化日历插件,并获取日历对象
var SMCalendar=$("#SMCalendar").initSMCalendar({dataList:data});
实例化SMCalendar日历对象三,传入日期数据并监听自定义事件 //数据
var data=https://www.it610.com/article/[{'title':'今天标题1','date':'2015-11-19'},{'title':'今天标题2','date':'2015-11-19'},{'title':'标题2','date':'2015-11-20'},{'title':'标题3','date':'2015-12-28'}];
//初始化日历插件,并获取日历对象
var SMCalendar=$("#SMCalendar").initSMCalendar({dataList:data,onClick:smCalendarClick});
//自定义事件
function smCalendarClick(data){
alert("当前日期数据有:"+data.length+" 条!");
}
如果您觉得此文有帮助,可以打赏点钱给我支付宝sm0210@qq.com ,或扫描二维码
文章图片
sm0210@qq.com.jpg 来源:http://itssh.cn/post/15.html
推荐阅读
- react+antd日期选择限制
- 前端学习|前端学习-Antd 组件库基础
- javascript|View UI Plus 发布 1.2.0 版本,新增 Image、Skeleton、Typography组件
- 前端|View UI Plus 发布 1.3.0 版本,新增 Space、$ImagePreview 组件
- avue|element-ui的el-upload组件上传单张图,不显示图片列表。
- avue|Avue 远程搜索输入框,联动赋值其他组件 v2.7.10及以下
- Vue使用Swiper封装轮播图组件的方法详解
- vue组件之间进行传值的方法
- 某课网高级前端进阶必修(自主打造高扩展的业务组件库云pan)
- 高级前端进阶必修(自主打造高扩展的业务组件库含源码PPT)