jQuery手机考勤日历插件

所属分类:输入-日期和时间

 28707  243  查看评论 (9)
分享到微信朋友圈
X
jQuery手机考勤日历插件 ie兼容9

使用方法

引入资源

使用日历插件前首先要引用资源: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的事件列表
    },
})
相关插件-日期和时间

移动端日期滚动选择插件mobisscroll3.0完整版

mobiscroll是个很好用的jQuery日期插件,它可以实现在移动端滚动选择日期。
  日期和时间
 45496  395

Jquery时间日期控件

时间日期控件,时间可选,不一定为当前时间。
  日期和时间
 61337  363

mobiscroll2.13.2手机滑动选择日期时间插件(带星期)

根据mobiscroll2.13.2手机滑动选择日期时间插件(带星期)修改的插件,nowText:
  日期和时间
 60315  468

jQuery带日期区间的日期选择插件

HTML5/CSS3带日期区间的日期选择插件
  日期和时间
 72112  395

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ゆぅ しん ほ 0
    2020/6/29 15:40:15
    这个怎么将星期日放在最前面 不以星期一开始 回复
    蛋王 0
    2020/1/9 15:41:27
    bug1:getViewDate方法中需要将modeMonth判断改为modeMonth!==null;
    bug2:_refreshCalendar需要新建new Date()来判断是否是今日 回复
    周东 0
    2019/8/29 9:52:35
    目前这个插件有个很严重的BUG:
    查询的日期,一旦切换到了1月份,事件显示错误!请作者更正,害我还冲了钱下载,结果都不能用啊。。。
        董F、T0
        2019/9/2 9:12:11
        是吗
        Persistence 丶天 0
        2020/1/2 10:56:42
        是的,1月份,事件就瞎显示了,作者这个bug修复好了吗
        努力追求不可能0
        2021/2/8 10:42:36
        老哥,你的修复好了吗?我这边一月份的也是不行,过来请教一下
    回复
    ? 不将就° 0
    2019/8/20 10:51:28
    66666666666666666666666666 回复
    ??? 0
    2019/6/26 10:45:30
    如果我点下一个月, 他会有点击事件 ,重新改变日历面板的内容吗?
        0
        2019/8/7 11:25:31
        哈哈哈
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复