2016-03-09 4 views
4

У меня проблемы с fullCalendar. Я использую представление недели (defaultView: «basicWeek») и кнопки панели инструментов «сегодня», «предыдущий», «следующий». И когда я нажимаю кнопку «Сегодня», нажатие кнопки «Календарь» переходит к текущей неделе, но выбор даты не изменяется. Я хочу, чтобы календарь переместился на текущую неделю и выберите сегодня дату в календаре. Но у меня возникают проблемы с переопределением «сегодняшнего» события нажатия кнопки.fullCalendar сегодня кнопка пользовательское поведение

Пример кода: https://plnkr.co/edit/dv9yiq1CdJxfFTsDg4Yx?p=preview

defaultView: 'basicWeek', 
      defaultDate: '2016-01-12', 
      selectable: true, 
      selectHelper: true, 
      select: function(start, end) { 
       console.log('select'); 
       var title = prompt('Event Title:'); 
       var eventData; 
       if (title) { 
        eventData = { 
         title: title, 
         start: start, 
         end: end 
        }; 
        $('#calendar').fullCalendar('renderEvent', eventData, true); 
       } 
       $('#calendar').fullCalendar('unselect'); 
      } 

Я хочу, чтобы всплывающее окно (уведомление) на дату сегодня появиться, когда я нажал кнопку «сегодня» в этом case.So пояснит кнопку мыши не только перемещаться меня текущую неделю , но выберите текущий день.

+0

могли бы вы предоставить код? – Guy

+0

отредактировал вопрос –

ответ

1

Вы можете вручную прослушать щелчок на текущей кнопке, а затем вызвать метод выбора календаря, передающий правильные аргументы.

Попробуйте следующий код: https://plnkr.co/edit/62Dx5pVrDDXnwoME5jbU?p=preview

calendar.find('.fc-today-button').click(function(){ 
    var start = new Date(); 
    start.setHours(0,0,0,0); 
    var end = new Date(); 
    end.setDate(end.getDate() + 1); 
    end.setHours(0,0,0,0); 
    calendar.fullCalendar('select', start, end); 
}); 
+0

У меня есть угловое приложение, и я попробовал это. ngOnInit() { $ ('# calendar'). Find ('. Fc-today-button'). Click (function() { alert ("test"); }); } но не участвует ни в коем случае –

+0

Несмотря на то, что ngOnInit() попытается использовать другой угловой крюк (возможно, ngAfterViewChecked()). Возможно, html не отображается, когда вызывается ngOnInit(). И из-за этого jquery не может найти («#calendar») на странице. –

+0

Спасибо, сработало. Тем не менее, я не знаю, почему он предупреждает навсегда. Я не знаю, почему –