如何设置下个月显示的完整日历

时间:2018-05-09 06:36:10

标签: javascript jquery fullcalendar

我希望在下个月显示日历初始化的详细信息,

例如,如果本月为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
  });
});

在日历上显示下个月详细信息的最佳方式是什么?

3 个答案:

答案 0 :(得分:3)

这将自动检测当前月份,为其添加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了解正常工作

答案 1 :(得分: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);
    }
});`

答案 2 :(得分:0)

使用默认浏览器input type date

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

与往常一样,不适用于:https://caniuse.com/#feat=input-datetime