jQuery手机考勤日历插件

发布时间: 编辑:WANG 0人评论 4937次浏览 jQuery日历时间插件
直达下载
摘要 : 本文提供的是一款简单的手机端日历插件,可以根据年月选择查看当月的考勤情况。

jQuery手机考勤日历插件图片预览

jQuery手机考勤日历插件图片预览

jQuery手机考勤日历插件浏览器适配

  • 支持Chrome所有版本
  • 支持Firefox所有版本
  • 支持Safari所有版本
  • 支持IE9及以上版本

jQuery插件浏览器支持

jQuery手机考勤日历插件使用教程

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


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

初始化一个日历

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

<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的事件列表
    },
})


查看更多

jQuery手机考勤日历插件下载地址

点击下载jQuery手机考勤日历插件

转载必须注明来自:https://huajiakeji.com/jquerydate/2020-12/4299.html

When在线日历Chrome插件下载

When在线日历Chrome插件下载

0 人评论 5410 次人浏览 3.0分 3.0 分
When插件是一款基于开源项目Continuous Calendar二次开发的网页在线日历工具,具有滚动日历查看日期和快速添加待办事项和笔记的功能
jQuery日程安排插件

jQuery日程安排插件

0 人评论 5615 次人浏览 2.0分 2.0 分
一款不错的jQuery日程安排插件,功能强大兼容性好,它可以自由管理自己的日程安排,有3种模式,分别为日,周,月,这样的话管理起来就非常清晰。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?