Как установить полный календарь, чтобы показать в следующем месяце

Question

Я хочу отобразить детали следующего месяца при инициализации календаря,

Например, если этот месяц май, следующий месяц июнь должен отображаться в календарь.

это мой код:

$(document).ready(function() {
  var now = new Date();
  var date = new Date(now.getFullYear(), now.getMonth() + 1, 1);
  var d = date.getDate(),
    m = date.getMonth(),
    y = date.getFullYear();
  $('#calendar123').fullCalendar({
    displayEventTime: false,
    header: {
      left: 'prev,next',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    buttonText: {
      prev: "",
      next: "",
      today: 'Today',
      month: 'Month',
      week: 'Week',
      day: 'Day'
    },

    events: [{
      title: 'Team Out',
      start: new Date(y, m, d),
      backgroundColor: ('#01BC8C')
    }],
    editable: true,
    eventLimit: true,
    droppable: true
  });
});

как лучше всего показать детали следующего месяца в календаре ??

Answer 1

Попробуйте это.

 var cal = $('#calendar123');
 cal.fullCalendar({
    header: {
        left: 'title',
        center: '',
        right: 'prev,next today'
    },
    defaultDate: '2018-09-05',

    viewRender: function (view, element) {
        cur = view.intervalStart;
        d = moment(cur).add('months', 1);
    }
});`

Answer 2

Это автоматически определит текущий месяц, добавит к нему 1 месяц и будет использовать его в качестве даты по умолчанию для начального отображения:

var cal = $('#calendar123');
cal.fullCalendar({
  header: {
    left: 'title',
    center: '',
    right: 'prev,next today'
  },
  defaultDate: moment().add(1, "months"),
});

См. http://jsbin.com/hulobarite/1/edit?html,js,console,output для рабочей демонстрации

Answer 3

Использовать браузер по умолчанию тип ввода даты .

<input id="date" type="date" value="2063-10-01">

Как обычно, не будет работать, т.е.: https://caniuse.com/#feat=input-datetime