头像

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

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

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

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

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

友情提示:垃圾评论一律封号...

  • 头像 50楼
    昨天 06-24 11:47
    sugarchen
    好东西 积分太贵了
  • 头像 49楼
    06-20 14:29
    viwang
    真是不错,可惜没积分
  • 头像 48楼
    06-06 15:40
    余风1943
    后台模板 样式都差不多的 没什么太大的区别
  • 头像 47楼
    06-04 09:05
    zhangwei024317
    很好的,这个是真心不错的 页面很漂亮的 没毛病
  • 头像 46楼
    05-28 08:14
    foollion
    这个在某个后台模板里好像有啊,单独的一个模板要这么多积分,有点不厚道!
  • 头像 45楼
    05-27 21:16
    wuyuan
    页面很漂亮,感谢分享
  • 头像 44楼
    05-24 11:43
    lzg80
    挺好的,可以用
  • 头像 43楼
    05-06 01:54
    ayan520
    学习了很多,不错
  • 头像 42楼
    05-02 08:42
    zj小菜心
    效果真心不错
  • 头像 41楼
    04-24 14:20
    gengyang366
    效果不错,好贵啊,需要好多积分
1 2