头像

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

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

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

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

查看演示 下载资源: 31 下载资源 下载积分: 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
最新交易
评论33
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3401083589

  • 头像 32楼
    07-29 22:36
    陆***成
    安装出现这个提示,一直解决不了,不知道什么问题,SQLSTATE[28000] [1045] Access denied for user \'root\'@\'localhost\' (using password: NO)
    1
    素材火管理员

    你数据库配置错误,要改成你自己服务器的

  • 头像 31楼
    07-06 13:50
    u_***91
    很赞下载了查看了一波观察
  • 头像 30楼
    03-04 20:47
    c4***62
    这个还不错,先保存一下。
  • 头像 29楼
    01-08 12:37
    小***泉
    感觉做的还不错啊。厉害了
  • 头像 28楼
    12-25 09:47
    下***候
    可以的~~~厉害
  • 头像 27楼
    12-24 13:52
    唐***平
    日历做的挺好的,可以多看看
  • 头像 26楼
    12-21 23:31
    下***候
    好看~~~
  • 头像 25楼
    12-16 10:11
    翻***堡
    簡潔,效果做的很好
  • 头像 24楼
    12-08 09:56
    梦***想
    感觉做的还可以啊
  • 头像 23楼
    11-30 16:55
    春***霑
    簡潔,效果做的很好
1 2