fullCalendar中文api

github地址:https://github.com/fullcalendar/fullcalendar

官网地址:http://fullcalendar.io

api地址:http://fullcalendar.io/docs/

下面是我在使用过程中遇到的问题及解决方法
1.中文化:
zh-cn.js下载地址:http://download.csdn.net/detail/haozq2012/9162467

//引入:
<script src='zh-cn.js'></script>
//然后加入
lang: 'zh-cn',

2.fullCalendar方法,传入id和时间json的url

function createCalendar(calendarSet,url){
        $('#' + calendarSet.id).fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'agendaWeek,agendaDay',
            },
            //设置默认日期
            defaultDate: '2015-10-28',
            dragScroll :true,
            //默认视图为天
            defaultView:'agendaDay',
            //默认滚动到的时间
            scrollTime: '08:00:00',
            defaultTimedEventDuration: '00:00:00',
            //日期显示
            dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
            //间隔时间
            slotDuration: '00:15:00',
            //头部日期格式化
            titleFormat:'YYYY-MM-DD',
            //设置时间间隔中间的文字 如:15-10-19 ~ 25
            titleRangeSeparator:' ~ ',
            //设置时间格式
            timeFormat:'HH:mm',
            //设置左侧第一列时间格式
            axisFormat: 'HH:mm',
            //全天事件显示文字
            allDayText:'全天事件',
            //时间轴宽度
            axisWidth: null,
            //是否启用WindowResize
            handleWindowResize:true,
            //是否启用拖动改变位置和大小
            editable: true,
            //日期事件的json获取地址
            events: url,
            //表格select事件是否可用
            selectable: true,
            //当用户拖动事件是否绘制一个“占位符”
            selectHelper: true,
            //table选择
            select: function(start, end) {
                var title = prompt('事件名称:');
                // var content = prompt('事件内容:');
                var eventData;
                if (title) {
                    eventData = {
                        title: title,
                        start: start,
                        end: end
                    };
                    $('#' + calendarSet.id).fullCalendar('renderEvent', eventData, true);
                }
                $('#' + calendarSet.id).fullCalendar('unselect');
            },
            //事件点击
            eventClick: function(calEvent, jsEvent, view) {
            }
        });
    }
posted @ 2015-10-08 11:01  木尘-MCDNF  阅读(879)  评论(0编辑  收藏  举报