fullCalendar中文api

来源:互联网 发布:端口号地址 编辑:程序博客网 时间:2024/05/22 02:22

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) {            }        });    }
0 0
原创粉丝点击