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

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

 5007  16  查看评论 (9)
指定一周的考勤时间段记录与显示 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

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

自带三种风格的日历日期选择插件

小巧精致自带三种风格可换背景
  日期和时间
 8910  14

选择日期

一个选择下拉日期的代码
  日期和时间
 36939  118

jQuery日历插件

简洁、优雅的日历插件。
  日期和时间
 38801  207

es5倒计时插件

es6编译的es5倒计时插件,支持回调函数。
  日期和时间
 4765  11

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

    直属。 0
    2018/7/5 11:35:48
    将原有的时间换个其他颜色(灰色)放上去之后,再新建一个时间(蓝色),新建的时间(蓝色)靠近原有的时间(灰色)之后新建的时间会被原有的时间合并变成灰色。这个合并这个块要怎么改呢?
        依然下午茶℃0
        2018/7/24 8:38:01
        这需要修改插件代码了,给个特殊的类
    回复
    希里 0
    2018/6/13 15:11:18
    这个插件支持在同一个页面重复调用吗?为什么重复调用的话数据好像会互相影响
        希里0
        2018/7/3 8:57:50
        现在知道了,在同一个页面或者div里是可以重复调用的,比如做成标签页那种,每页标签页都有一个这种考勤时间段选择,也是可以实现的,但是需要小小的改动下js源码
        依然下午茶℃0
        2018/7/24 8:27:36
        嗯嗯
    回复
    /迷惘/ 0
    2018/4/26 13:43:36
    拖拽后,对于蓝色矩形的宽度调整,都是基于24的吗,
        依然下午茶℃0
        2018/5/15 14:21:07
        是的,半小时为一格,四舍五入吧
    回复
    掌声送给社会人 0
    2018/4/9 15:27:00
    能加上拖动和删除吗?
        依然下午茶℃1
        2018/4/23 15:16:14
        在蓝色条左右两侧鼠标按住可以拖动,右侧拖动超过左侧就删除了,左侧删除同理
    回复
取消回复
  短信接口