• 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) {
                }
            });
        }
  • 相关阅读:
    JSP第七次作业
    JSP第六次作业
    Jsp第五次作业
    软件测试第二次作业
    Jsp第四次作业2
    Jsp第四次作业1
    软件测试第一次作业
    JSP第三次作业
    JSP第二次作业
    第七次作业
  • 原文地址:https://www.cnblogs.com/mcdnf/p/5158239.html
Copyright © 2020-2023  润新知