简体   繁体   English

如何使用Javascript扩展fullCalendar.js结束日期?

[英]How to extend fullCalendar.js end date using Javascript?

I have the same problem as this guy. 我和这个家伙有同样的问题。 I don't know how to increase the end date by one day. 我不知道如何将结束日期增加一天。 I don't want to change its value in the database, just on the html page. 我不想在数据库中更改它的值,只是在html页面上。

Here's my calendar at the moment (no Moment.js pun): 这是我的日历(没有Moment.js双关语):

$(document).ready(function () {

   // page is now ready, initialize the calendar...
   var base_url = '{{ url('/') }}';
   var $calendar = $('#calendar-holidays').fullCalendar({
   header: {
      left: '',
      center: 'title',
      right: ''
      },
   weekends: false,
   editable: false,
   eventLimit: true,
   events: {
      url: base_url + '/holidayapi',
      error: function () {
         alert("cannot load holidays from database");
      },
   }
});

If your event objects have end specified 如果事件对象已指定结束

$('#calendar').fullCalendar({
  /* assumes end is set in event object! */
  eventDataTransform: function(event) {
    var copy = $.extend({}, event);
    copy.end = moment(event.end).add(1, 'day'); // make moment in case it isn't already
    return copy;
  },
  events: [{ /* sample event */
    start: moment().format('YYYY-MM-DD'),
    // all day event, assumes end to be next day @ 00:00
    end: moment().add(1,'day').format('YYYY-MM-DD'),
    title: 'Today event'
  }]
});

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM