jquery полный календарь

Question

У меня есть вкладка с 12 вкладками (каждая вкладка - месяц в году). Что мне нужно, когда я загружаю календарь jquery, вкладку foreach, календарь, чтобы переключиться на месяц, который назначен. (например, когда я нажимаю и загружаю страницу в январе, календарь показывает дни для января и т. д.).

Answer 1

Вы проверили documentation page? Функция принимает 2 требуемых параметра и 2 необязательных.

.fullCalendar('gotoDate', year [, month, [ date ]]) 

Так, чтобы установить календарь на апрель 2010 года, вы бы использовать что-то вроде этого:

.fullCalendar('gotoDate', 2010, 5) 

Обратите внимание, что месяцы 0 на основе так апреля = 3.

Answer 2

Вы прочитали API? Кажется, что если вы хотите, чтобы показать июля 2010 вы звоните:

yourCal.fullCalendar('gotoDate',2010,6); 

Мой ответ прост, потому что я понятия не имею, что вы уже пытались сделать.

Answer 3

демо: http://so.devilmaycode.it/jquery-full-calendar

JS:

 $(function() { 
      // build months anchors list 
      monthsList('#months-list'); 

      // inizialize calendar 
      $('#calendar').fullCalendar({}); 

      $(document).on('click', '#months-list a', function() { 
       // get month from month anchor hash 
       var month = this.hash.substring(1); 
       // go to new month 
       $('#calendar').fullCalendar('gotoDate', goToMonth(month)); 
       return false; 
      }); 

      function goToMonth(month) { 
       var date = new Date(); 
       var d = date.getDate(); 
       var m = month !== undefined ? parseInt(month, 0) : date.getMonth(); 
       var y = date.getFullYear(); 
       return new Date(y, m, d); 
      } 

      function monthsList(element) { 
       var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
       for (var m = 0; m < monthNames.length; m++) { 
        $(element).append('<li><a href="#' + m + '">' + monthNames[m] + '</a></li>'); 
       } 
      } 

     }); 

HTML:

<ul id="months-list"></ul> 
    <div id='calendar'></div>