FullCalendar - Получить дату, нажав на заголовок дня в повестке дня.

Question

Я хотел бы определить дату, выбранную при щелчке по ячейке заголовка дня в представлении повестки дня.Я могу добавить обработчик кликов в эти ячейки заголовка, но я не совсем знаю, как получить дату из полного календаря, потому что событие dayClick не срабатывает при щелчке по заголовку.класс по этим ячейкам: fc-sun, fc-mon и т. д.

Answer 1

Попробуйте этот обходной путь, который я сделал сам.Это облегчит переход от повестки дня недели к повестке дня, нажав на заголовки дня, просто вызовите zumaMaker () после инициализации fullcalendar

function zumaMaker() {

 var arrayUIDays = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
 for (var m = 0; m < arrayUIDays.length; m++) {
    var dim = ".fc-day-header.fc-widget-header.fc-" + arrayUIDays[m];
    var dok = $(dim).html();
    $(dim).attr("onclick", "zumaMethod( '" + dok + "','" + dim + "');");
    $(dim).css("cursor", "pointer");
    }
}

function zumaMethod(doma, diver) {

  var date = doma.split(" ")[1].split("/");
  var day = date[0];
  var month = date[1];
  var year = date[2];
  var off_date = year + "-" + month + "-" + day + "T" + "00:00:00";

  $("#pl_tbl").fullCalendar('changeView', 'agendaDay');
  $("#pl_tbl").fullCalendar('gotoDate', off_date);
  $(diver).css("cursor", "pointer");
  $(diver).attr("onclick", "zumaMethodRevert();");
}

function zumaMethodRevert() {
  $("#pl_tbl").fullCalendar('changeView', 'agendaWeek');
  zumaMaker();
}

Также вы можете добавить этот CSS для настройки заголовков дня при наведении.

.fc-day-header:hover {
   background-color: orange;
}
.fc-day-header {
   background-color: white;
}

Answer 2

Так как никто еще не ответил, он - то, что я сделал. Повестка дня viewObject отображает даты начала и окончания текущей недели. Я создал массив, который содержал все даты для отображаемой недели. Затем я использовал JQuery для выбора всех ячеек заголовка и добавил атрибут даты к каждому тегу. Я также добавил событие click для каждого тега th и получил атрибут date при нажатии на заголовок. Этот процесс должен выполняться при отображении каждой новой недели.