Question

我在wordpress中使用完整的Calendar js和我的自定义插件。我已成功使用wordpress设置完整日历，并使用AJAX获取动态数据，数据也设置为日历。但是，在左侧，上一个下一个和今天按钮不会出现和选择事件也无法正常工作。我用您的演示检查了它，但它很适合您的演示。我不知道我有什么问题。

我附上了我的问题的屏幕截图。

以下是我的代码： 包含JS和CSS

wp_enqueue_script( 'jquery-1.10.2', plugins_url( 'js/jquery-1.10.2.js', __FILE__ ));
wp_enqueue_script( 'jquery-ui', plugins_url( 'js/jquery-ui.js', __FILE__ ));
wp_enqueue_script( 'moment.min', plugins_url( 'js/moment.min.js', __FILE__ ));
wp_enqueue_script( 'fullcalendar.min', plugins_url( 'js/fullcalendar.min.js', __FILE__ ));
wp_enqueue_script( 'room-availability', plugins_url( 'js/room-availability.js', __FILE__ ),array('jquery'), null, true);

wp_enqueue_style( 'fullcalendar', plugins_url('css/fullcalendar.css', __FILE__) );
wp_enqueue_style( 'fullcalendar.print', plugins_url('css/fullcalendar.print.css', __FILE__) );
wp_enqueue_style( 'jquery-ui', plugins_url('css/jquery-ui.css', __FILE__) );
wp_enqueue_style( 'rooms-availability', plugins_url('css/rooms-availability.css', __FILE__) );

完整日历js代码

$('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: date.yyyymmdd(),
        selectable: true,
        selectHelper: true,
        select: function (start, end) {
            var title = prompt('Event Title:');
            var eventData;
            if (title) {
                eventData = {
                    title: title,
                    start: start,
                    end: end
                };
                $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
            }
            $('#calendar').fullCalendar('unselect');
        },
        editable: true,
        eventLimit: true,
        events: {
            url: ajaxurl + "?action=get_booking_detail&room-type=3392",
            error: function () {
                $('#script-warning').show();
            }
        },
        loading: function (bool) {
            $('#loading').toggle(bool);
        }
    });

Answer 1

我在代码中犯了一个小错误。也就是说，我忘了在media='print'文件中添加fullcalendar.print-css。

那就是它。：）

完整的日历js与wordPress

1 个答案: