头像

fullCalendar超帅的无刷新响应式日历演示【原创

来源:http://www.sucaihuo.com/php/846.html 素材火管理员 2016-03-11 20:32浏览(3505) 收藏

支持移动端响应式,颜色选择,按照月、日、周排序,并且可指定到具体时间。可实时编辑、添加、拖动的fullCalendar日历插件。代码很简单,而且数据表已建好。
fullCalendar超帅的无刷新响应式日历演示
分类:日期时间 > 日历 难易:中级

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 22 下载资源 下载积分: 870 积分

基于ace模板的#calendar

<div id="calendar" class="fc fc-ltr"></div>
//编辑修改
function editEvent(id, title, start, end, code) {
    start = DateUtil.Format("yyyy/MM/dd hh:mm:ss", start);
    if (end == null) {
        end = start;
    } else {
        end = DateUtil.Format("yyyy/MM/dd hh:mm:ss", end);
    }
    $.post(getUrl("Canlendar/postEvent"), {id: id, title: title, start: start, end: end, code: code}, function(data) {
    }, "json")
}
// code类型: 拖动resize (延长或缩短天数) ,drop 整体延长或缩短天数
function daysEvent(id, days, code) {
    $.post(getUrl("Canlendar/daysEvent"), {id: id, days: days, code: code}, function(data) {

    })
}
//删除
function delEvent(id) {
    $.post(getUrl("Canlendar/delEvent"), {id: id}, function(data) {

    })
}
//添加
function addEvent(title, start, end, code) {
    if (title == null || title == '') {
        return false;
    }
    start = DateUtil.Format("yyyy/MM/dd hh:mm:ss", start);
    if (end == null) {
        end = start;
    } else {
        end = DateUtil.Format("yyyy/MM/dd hh:mm:ss", end);
    }
    var allDay = getAllDay(start, end);
    $.post(getUrl("Canlendar/postEvent"), {id: 0, title: title, start: start, end: end, code: code}, function(data) {
        $('#calendar').fullCalendar('renderEvent', {title: title, start: start, end: end, allDay: allDay, id: data.id, className: code}, true);
    }, "json");
}
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/php/846.html
评论51
头像

友情提示:垃圾评论一律封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 50楼
    10-17 23:47
    宁静致远
    可以,值得收藏
  • 头像 49楼
    10-14 16:11
    三少爷的剑
    帅气的日历插件,赞积分中
  • 头像 48楼
    10-13 16:30
    三少爷的剑
    好东西呀!终于找到这个了
  • 头像 47楼
    10-10 00:03
    qq570251543
    mark it now
  • 头像 46楼
    09-26 12:59
    时光
    不错,很好
  • 头像 45楼
    09-09 17:43
    Chris.Chen
    可以,值得收藏
  • 头像 44楼
    09-05 16:00
    ╰⋛[̲̅V̲̅I̲̅P̅]霖⋌
    可以,值得收藏
  • 头像 43楼
    09-05 14:35
    jiaxiaoguan
    移动端响应式
  • 头像 42楼
    08-26 21:19
    8.15
    很帅,不错
  • 头像 41楼
    08-18 14:36
    ap1005913
    不错,用到我的论坛
1 2