簡體   English   中英

我如何從當日起每隔7天突出顯示一次?

[英]How can I highlight every 7th day from current day?

我有一個全日歷默認設置為周視圖。 當前日期突出顯示。 還有另一個外部事件div,該事件需要從該事件中刪除日歷。 這件事按設計工作。 還有一個自定義按鈕,單擊應在日歷上添加的事件。 默認情況下,它在當前日期刪除。 但是,當用戶更改星期時,導航到下一周或上一周,則不會選擇任何一天。 我不僅要選擇每隔7天(下一個+7或上一個-7)作為默認日期並更改其顏色。 很難提供完整的代碼,但是在這里,請運行以下鏈接並將視圖設置為周視圖。 當您打開周視圖時,星期五26是當前日期並已選擇。 當用戶導航到上一個或下一個時,我希望將11月2日或10月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> 

然后嘗試在FC定義中使用dayRender,或者可以使用viewRender完成某些操作?

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

在這里,您可以查看接下來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");

            }

有關更多fullcalendar信息: fullcalendar hacks

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM