头像

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

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

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

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

查看演示 下载资源: 21 下载资源 下载积分: 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
评论58
头像

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

  • 头像 57楼
    09-09 17:43
    Chris.Chen
    可以,值得收藏
  • 头像 56楼
    09-05 16:00
    ╰⋛[̲̅V̲̅I̲̅P̅]霖⋌
    可以,值得收藏
  • 头像 55楼
    09-05 14:35
    jiaxiaoguan
    移动端响应式
  • 头像 54楼
    08-26 21:19
    8.15
    很帅,不错
  • 头像 53楼
    08-18 14:36
    ap1005913
    不错,用到我的论坛
  • 头像 52楼
    08-15 14:15
    993554
    攒积分码一下
  • 头像 51楼
    08-06 18:25
    dd2210212
    日历类找了很久了,终于有了呀
  • 头像 50楼
    07-19 14:23
    有正市政11
    积分要的太多了,先下载后评论
  • 头像 49楼
    07-06 10:00
    jon123
    有点重了,完全可以用jq写一个,最讨厌一堆的js插件
  • 头像 48楼
    06-26 14:43
    董小卓dxz
    89765432134567890-
1 2