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

 查看演示  website  立即下载

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

PREVIOUS:
NEXT:
MONDE HTML5模板
CSS太阳系资源管理器