zoukankan      html  css  js  c++  java
  • fullCalendar 日历插件

    <div id='calendar'></div>
                //初始化FullCalendar
                var calendar = $('#calendar').fullCalendar({
                    //设置头部信息,如果不想显示,可以设置header为false
                    header: {
                        //日历头部左边:初始化切换按钮
                        left: 'prev,next today',
                        //日历头部中间:显示当前日期信息
                        center: 'title',
                        //日历头部右边:初始化视图
                        right: 'month'//month,agendaWeek,agendaDay
                    },
                    //日历高度,包括表头
                    height: 850,
                    //标题格式化
                    titleFormat: {
                        month: 'YYYY年MM月',                             // September 2009
                        //week: "YYYY年MM月D日", // Sep 7 - 13 2009
                        //day: 'dddd, MMM d, yyyy'                  // Tuesday, Sep 8, 2009
                    },
                    //    月份名称简写,
                    monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月',
                        '八月', '九月', '十月', '十一月', '十二月'],
                    //    星期名称简写
                    dayNamesShort: ['星期日', '星期一', '星期二', '星期三',
                        '星期四', '星期五', '星期六'],
                    buttonText: {//设置日历头部各按钮的显示文本信息
                        prev: '上月', //
                        next: '下月', //
                        prevYear: '上年', // «
                        nextYear: '下年', // »
                        today: '今天',
                        month: '月',
                        week: '周',
                        day: '日'
                    },
    
                    //设置是否显示周六和周日,设为false则不显示
                    weekends: true,
                    //日历初始化时显示的日期,月视图显示该月,周视图显示该周,日视图显示该天,和当前日期没有关系
                    //defaultDate: '2016-06-06',
                    //lang:"zh-cn",
                    //日程数据
                    //events: eventsArray,
                    selectable: true,
                    select: function (startDate, endDate, allDay, jsEvent, view) {
                        var date = new Date(startDate._d);
                        var year = date.getYear() + 1900;
                        var month = date.getMonth() + 1;
                        var date = date.getDate();
    
                        var _date = year + "-" + month + "-" + date;
                        console.log(_date);
    
                        var txt = allDay.toElement.innerText;
                        
                        if (txt.length == 3) {
                            onLeakageCheck();
                        }
    
                    }
                });

    官网:

    https://fullcalendar.io/

    fullCalendar:中文API

    http://blog.csdn.net/qw_xingzhe/article/details/44920943

    FullCalendar 官方文档翻译

    http://www.cnblogs.com/mycoding/archive/2011/05/20/2052152.html

    使用FullCalendar做一个自己的日程管理(一)- 基础篇

    http://blog.csdn.net/developerfanyl/article/details/52192910

  • 相关阅读:
    2020-08-11 题目题解
    N皇后问题
    逆序对(模板)
    归并选择(模板)
    快速选择(模板)
    快速排序(模板)
    vuecli4+elementui实现面包屑
    vue-路由导航(守卫)那些事
    vue-vant中ImagePreview 图片预览正确的打开方式
    Selenium 对表格table处理
  • 原文地址:https://www.cnblogs.com/zyx321/p/8081011.html
Copyright © 2011-2022 走看看