jQuery手机考勤日历插件

查看演示立即下载

插件描述：一款简单的手机端日历插件，可以根据年月选择查看当月的考勤情况

使用方法

引入资源

使用日历插件前首先要引用资源：JS CSS

<!--jquery引用-->
<script src="/"></script>
<!--日历js-->
<script src="js/calendar/calendar.js"></script>
<!--日历Css样式-->
<link rel="stylesheet" type="text/css" href="css/Calendar.css" />

初始化一个日历

首先为calendar准备一个容器，可以设置大小，也可以在options中设置，不设置的话自动设为默认

1	`<div` `id="calendar"` `></div>`

js数据

var data = [
    { startDate: "2019-8-10", name: "事件" },
    { startDate: "2019-9-10", name: "事件" },
    { startDate: "2019-7-1", name: "事件" },
    { startDate: "2019-6-2", name: "请假" },
    { startDate: "2019-5-3", name: "已打卡" },          
]

调用插件

$("#calendar").calendar({
    data: data,
    mode: "month",
    maxEvent: 5,
    showModeBtn: false,
    //  newDate: "2018-04-1",
    cellClick: function(events) {
        //viewCell的事件列表
    },
})

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery仿淘宝购物车
下一个特效：基于three.js雪花效果