指定一周的考勤时间段记录与显示

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

 1903  10  查看评论 (2)
指定一周的考勤时间段记录与显示 ie兼容9
var data3 = [{
    startime: '2018-03-07 01:30:00',
    endtime: '2018-03-07 23:00:00'
}, {
    startime: '2018-03-08 01:30:00',
    endtime: '2018-03-08 05:30:00'
}, {
    startime: '2018-03-05 16:30:00',
    endtime: '2018-03-05 20:30:00'
}, {
    startime: '2018-03-05 01:30:00',
    endtime: '2018-03-05 02:00:00'
}];

统计表支持编辑和纯显示两种状态,若data3为空数组,则默认无数据,width表示统计表的宽度,该周统计表根据传入的mondayDate初始化本周日期。

var juicy = $("#demo1").initJuicy({
    width: 800,
    mondayDate: '2018-03-05',
    timedata: data3,
    status: true, //false表示不能编辑,true可以编辑 
});

开始时间和结束时间的日期应该是同一天,不支持跨天,

初始化日期格式要标准,yyyy-MM-dd hh:mm:ss

相关插件-日期和时间,拖和放

仿苹果时间控件

模仿苹果时间控件
  日期和时间
 25576  171

移动端时间选择插件mobiscroll 2.5.1修改版

移动端时间选择插件mobiscroll 2.5.1修改版可以显示上下午。
  日期和时间
 20963  88

仿百度日历老黄历功能,带节日

功能简单强大,代码带注释,数据接入一目了然
  日期和时间
 21070  210

一个简单的jQuery日历插件Calendar.js

Calendar.js一个简单的日历插件;体积很小,使用方便,便于我们使用到不同场景,只需修改css就可适用moblie、pc
  日期和时间
 19105  23

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    掌声送给社会人 0
    2018/4/9 15:27:00
    能加上拖动和删除吗?
        依然下午茶℃0
        2018/4/23 15:16:14
        在蓝色条左右两侧鼠标按住可以拖动,右侧拖动超过左侧就删除了,左侧删除同理
    回复
取消回复