如何設置下個月顯示的完整日歷

Question

我想在下個月顯示日歷初始化的詳細信息，

例如，如果本月為5月，則應在日歷中顯示6月的下個月。

這是我的代碼：

$(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

這將自動檢測當前月份，為其添加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 2

試試這個吧。

 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 3

使用默認瀏覽器輸入類型日期 。

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

像往常一樣，不適用於： https ： //caniuse.com/#feat=input-datetime