2016-06-07 37 views
0

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

我附上了我的問題的屏幕截圖。 enter image description here

以下是我的代碼: 包括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); 
     } 
    }); 

回答

0

一個小錯誤,我在我的代碼一樣。 也就是說,我忘了在fullcalendar.print-css文件中加media='print'

就是這樣。 :)