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

收藏

支持移动端响应式，颜色选择，按照月、日、周排序，并且可指定到具体时间。可实时编辑、添加、拖动的fullCalendar日历插件。代码很简单，而且数据表已建好。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 280 积分

基于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");
}