Jquery 从按钮单击获取Fullcalendar gotoDate方法_Jquery_Fullcalendar

Jquery 从按钮单击获取Fullcalendar gotoDate方法

jquery fullcalendar

Jquery 从按钮单击获取Fullcalendar gotoDate方法,jquery,fullcalendar,Jquery,Fullcalendar,使用Fullcalender.io，我可以渲染日历，还可以使用gotoDate方法，该方法可以立即跳到2010年。然而，我似乎无法使用gotoDate方法通过单击按钮跳到另一个日期（在本例中为2018年）。如何正确调用此方法 <html lang='en'> <head> <meta charset='utf-8' /> <script> document.addEventListener('DOMContentL

使用Fullcalender.io，我可以渲染日历，还可以使用gotoDate方法，该方法可以立即跳到2010年。然而，我似乎无法使用gotoDate方法通过单击按钮跳到另一个日期（在本例中为2018年）。如何正确调用此方法

<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
        calendar.gotoDate('2010-01-01');
      });

    </script>
  </head>
  <body>
  <button class="testbut" id="testbut">Skip to 2018</button>
    <div id='calendar'></div>
    
    <script>
       $(document).ready(function(){
         $('.testbut').click(function(){
           $("#calendar").fullCalendar("gotoDate","2018-01-01");
         });
       });
    </script> 
    
    
  </body>
</html>


document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
初始视图：“dayGridMonth”
});
calendar.render（）；
日历。gotoDate（'2010-01-01'）；
});
跳到2018年
$（文档）.ready（函数（）{
$（'.testbut'）。单击（函数（）{
美元（“#日历”）。完整日历（“gotoDate”，“2018-01-01”）；
});
});

这是JSFIDLE

试试这个。只需全局声明

calendar

变量，并随时使用该变量调用函数


var日历
document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
日历=新的完整日历。日历（calendarEl{
初始视图：“dayGridMonth”
});
calendar.render（）；
日历。gotoDate（'2010-01-01'）；
});
跳到2018年
$（文档）.ready（函数（）{
$（'.testbut'）。单击（函数（）{
日历日期（2018-01-01）；
});
});

日历。gotoDate

！=<代码>$（“#calendar”）.fullCalendar（“gotoDate）.fullCalendar不再是jQuery插件。不清楚为什么随机使用两种不同的语法。

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <script>
    var calendar
      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
        calendar.gotoDate('2010-01-01');
      });

    </script>
  </head>
  <body>
  <button class="testbut" id="testbut">Skip to 2018</button>
    <div id='calendar'></div>
    
    <script>
       $(document).ready(function(){
         $('.testbut').click(function(){
           calendar.gotoDate('2018-01-01');
         });
       });
    </script> 
    
    
  </body>
</html>