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

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

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

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

jQuery公历农历插件xp

可选择公历或农历来填写输入框,界面有些简陋但功能是没有问题的。
  日期和时间
 3880  7

新浪的一款时间插件

新浪的一款时间插件
  日期和时间
 33543  141

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 21197  49

jquery移动端日期选择插件mobiscroll3.0.0

jquery移动端日期选择插件mobiscroll3.0.0APP日期选择器
  日期和时间
 31716  86

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

    希里 0
    2018/6/13 15:11:18
    这个插件支持在同一个页面重复调用吗?为什么重复调用的话数据好像会互相影响 回复
    /迷惘/ 0
    2018/4/26 13:43:36
    拖拽后,对于蓝色矩形的宽度调整,都是基于24的吗,
        依然下午茶℃0
        2018/5/15 14:21:07
        是的,半小时为一格,四舍五入吧
    回复
    掌声送给社会人 0
    2018/4/9 15:27:00
    能加上拖动和删除吗?
        依然下午茶℃0
        2018/4/23 15:16:14
        在蓝色条左右两侧鼠标按住可以拖动,右侧拖动超过左侧就删除了,左侧删除同理
    回复
取消回复