Fullcalendar - 选择日期后从monthView转到日期

时间:2015-04-24 08:36:28

标签: javascript jquery fullcalendar

我正在使用Fullcalendar v2.1.1。我想采取行动:

  1. 选择日期后,从月视图跳至议程日。
  2. 当我在AgendaDate上查看我点击事件时我会得到模态。
  3. 以下是我的尝试:

    dayClick: function(date, jsEvent, view) {
    
                    self.showEditDateModal(jsEvent.start);
                }
     this.showEditDateModal = function(startdate) {
            self.calendarAvailable.fullCalendar('changeView', 'agendaDay');
            self.calendarAvailable.fullCalendar('gotoDate', startdate);
        }
    

    以下是当我从agendaDay视图点击时想要显示的模态:

     $('#reservationDateModal').modal('show');
    

    我发现了这个:StackLink 但当我以这种方式使用它时:

    self.calendarAvailable.fullCalendar('gotoDate', 2010, 5);
    

    我得到日期:1970年1月1日 我也尝试(从文档中)传递日期对象,但没有任何帮助FullCallendar docs

1 个答案:

答案 0 :(得分:2)

我终于做到了:

  1. 要使用' gotoDate',您需要像这样传递字符串:
  2.   

    self.calendarAvailable.fullCalendar('gotoDate','2015-04-24');

    并自动制作:

     this.changeViewtoAgendaDay = function(startdate) {
                var goto = startdate.format('YYYY-MM-DD');
                self.calendarAvailable.fullCalendar('changeView', 'agendaDay');
                self.calendarAvailable.fullCalendar('gotoDate', goto);
            }
    
    1. 如果为观点而做的第二点的答案很简单:
    2.   

      if(view.name =='agendaDay'){self.showEditDateModal(); }其他{   self.changeViewtoAgendaDay(calEvent.start); }

      其中:

      this.showEditDateModal = function() {
              $('#reservationDateModal').modal('show');
          }