Как я могу выделить каждый 7-й день от текущего дня? - PullRequest
0 голосов
/ 26 октября 2018

У меня есть полный календарь по умолчанию для просмотра недели.Текущий день выделен.Существует еще одно внешнее событие div, откуда событие должно быть сброшено в календаре.Это работает как задумано.Существует также пользовательская кнопка, нажимающая на то, какое событие должно быть добавлено в календарь.По умолчанию он падает на текущую дату.Но когда пользователь меняет неделю, переходите к следующей или предыдущей неделе, день не выбирается.Я хочу не только выбирать каждый 7-й день (+7 для следующего или -7 для предыдущего) днем ​​по умолчанию и менять его цвет.Трудно предоставить полный код, но вот оно, запустите следующую ссылку и установите вид на неделю.Когда вы открываете просмотр недели, пятница 26-го числа является текущим и выбраннымКогда пользователь переходит к предыдущему или следующему, я хочу, чтобы 2 ноября или 19 октября были днем ​​по умолчанию и были выделены цветом (цвет)
https://fullcalendar.io/docs/external-dragging-demo Я пробовал несколько вещей без успеха:

 $('.fc-prev-button').click(function(){
    	//currCalDate is global variable to store the current day
    	 currCalDate.setDate(currCalDate.getDate() - 7);
    	 console.log(currCalDate);
    	 $('#calendar').fullCalendar('gotoDate', currCalDate);
    });
    
    $('.fc-next-button').click(function(){
      currCalDate.setDate(currCalDate.getDate() + 7);
    $('#calendar').fullCalendar('gotoDate', currCalDate);
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Затем попытался использовать dayRender в определении FC или может быть что-то можно сделать с помощью viewRender?

dayRender: function (date, cell) {
                    var today = new Date(currCalDate);
                    date = moment(date).toDate();
                    if (date.getDate() === today.getDate()) {
                        cell.css("background-color", "red");
                    }
                },

1 Ответ

0 голосов
/ 30 октября 2018

Здесь вы можете проверить код для выделения следующего 7-го дня:

    dayRender: function (date, cell) {
                var today = new Date();
                date = moment(date).toDate();

                dateFromplus = moment().add(7,'d').format('YYYY-MM-DD');
                $(".fc-day[data-date='"+dateFromplus+"']").css("background-color", "red");

                dateFromminus = moment().subtract(7,'d').format('YYYY-MM-DD');
                $(".fc-day[data-date='"+dateFromminus+"']").css("background-color", "red");

            }

Для получения дополнительной информации о полном календаре: взлома полного календаря

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...