时间戳

首页 > 解决方案 > 使用 renderevent 添加未来事件 fullcalendar

jquery - 使用 renderevent 添加未来事件 fullcalendar

问题描述

我正在尝试使用以下方法添加下个月的事件：

var myEvent = {
  title:"my new event",
  start: $.fullCalendar.moment('2020-05-28T13:00'),
  end: $.fullCalendar.moment('2020-05-28T13:55')
};
$('#calendar').fullCalendar( 'renderEvent', myEvent );

它似乎没有粘住。

我尝试使用文档https://fullcalendar.io/docs/v3/renderEvent-demo中的演示，但它似乎也不起作用。

有没有办法做到这一点或者这是一个限制？

标签： jqueryfullcalendarfullcalendar-3

解决方案

通过导航 fullCalendar 重新获取其事件，您需要将第三个参数设置为true将通过导航保留您添加的事件。

这是一个简单的演示https://codepen.io/nasser-ali-karimi/pen/VwYNdbj?editors=0010

$(function() {

  $('#calendar').fullCalendar({
    defaultView: 'month',
    header: {
      center: 'addEventButton'
    },
    customButtons: {
      addEventButton: {
        text: 'add event...',
        click: function() {
            $('#calendar').fullCalendar('renderEvent', {
              title:"my new event",
              start: "2020-02-09T07:00",
              end: "2020-02-09T07:50"
            } , true  );

        }
      }
    }
  });
});

推荐阅读