fullcalendar 日历插件3.9.0遇到的坑

fullcalendar 日历插件3.9.0 遇到的坑

  • 坑1:如果你用的是高版本的jquery插件而用的低版本的fullcalendar插件的话,会导致生成的日历插件页面显示有问题,时间点对不上等问题,这时你需要升级对应版本的fullcalendar插件;
  • 坑2:多语言问题:
    解决方法:看引入locale-all.js和moment.min.js文件,并且三个js文件的引入顺序为:moment.min.js > fullcalendar-3.9.0.js > locale-all.js;初始化时加入locale 属性,详细见下面的代码块
  • 坑3:使用viewRender方法:当新的日期区间渲染后或者视图切换后触发,如果想通过改变其他条件也要重新渲染日历,即触发这个方法
    解决办法:
    var view = calendar.fullCalendar(‘getView’);//获取当前日历
    view.triggerViewRender();//重新触发viewRender方法

  • 代码片段


<html>
<head>
    <title>testtitle>
    <link  type="text/css"  rel="stylesheet" href="https://cdn.bootcss.com/fullcalendar/3.8.2/fullcalendar.min.css">
head>
<body>
<div id="calendar">div>
//引入的js文件
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">script>
<script src="./fullcalendar/moment.min.js"</script>

                    
                    

你可能感兴趣的:(J-S,插件)