帮助将fullcalendar.io添加到WordPress页面

时间:2018-08-08 作者:hemoglobin

我一直想补充this calendar 到我的wordpress页面。我关注了文档,但它仍然没有显示出来。这就是我所做的。

我首先将其添加到我的子主题函数文件中:

function fullcalendar_jquery_enqueue() {
    wp_register_script(\'fullcalendar\', "https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js", false, null, true);
    wp_enqueue_script(\'fullcalendar\');
}
add_action("wp_enqueue_scripts", "fullcalendar_jquery_enqueue", 11);

function load_styles() {
    wp_register_style(\'fullcalendarcss\', \'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css\');
    wp_register_style(\'fullcalendarprintcss\', \'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.print.css\');
    wp_enqueue_style( \'fullcalendarcss\');
    wp_enqueue_style( \'fullcalendarprintcss\');
}
add_action(\'wp_print_styles\', \'load_styles\');
然后我将这个JS添加到我的自定义中。js文件:

jQuery(document).ready(function ($) {
    var calendar = jQuery(\'#calendar\').fullCalendar({
        editable: true,
    });
});
然后我补充道<div id=\'calendar\'></div> 但日历没有显示。在控制台中,它显示“UncaughtTypeError”。

有人能看一下,让我知道我可能做错了什么吗?非常感谢。

1 个回复
SO网友:hemoglobin

算了吧!

首先,我通过了Iceable的建议,并在上面添加了瞬间脚本,就像这样

wp_register_script(\'moment\', "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js");
    wp_register_script( \'fullcalendar\', "https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js", array( \'jquery\' ), null, true);
然后我像这样编辑了JS

jQuery(function ($) {

  $(\'#calendar\').fullCalendar({
  })

});
它出现了!

结束