0
我在wordpress中使用完整日曆js與我的自定義插件。 我已經用wordpress成功設置完整日曆,並使用AJAX獲取動態數據,並且數據也設置爲日曆。但是,在左側,上一個下一個和今天按鈕不出現和選擇事件也不起作用。 我用你的演示檢查過它,但它很適合你的演示。 我不知道我有什麼問題。全日曆js與wordPress
以下是我的代碼: 包括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);
}
});