jquery - 在全日历中选择整周

Question

我在使用全日历插件时遇到了问题，我试图通过单击在月 View 中选择整个星期，然后创建一个事件。换句话说，如果您单击特定周的任何一天，该周将突出显示并创建一个事件。此后该事件应输入到我的数据库中。

这是我目前所拥有的:

<script>
    $(document).ready(function() {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
// page is now ready, initialize the calendar...

$("#calendar").fullCalendar({
    // put your options and callbacks here
    header: {
            right: "today prev,next",
            left: "title",
        },
    height:650,
        selectable: true,
        selectHelper: true,
        select: function(start, end, allDay) {
            var title = confirm("Apply for kitchenweek?");
            if (title) {
                calendar.fullCalendar("renderEvent",
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay
                    },
                    true // make the event "stick"
                );
            }
            calendar.fullCalendar("unselect");
        },
    editable: true,
    events: "/json-events.php"
   })
  });
</script>

任何帮助将不胜感激。

Answer 1

我设法在 monthview 中选择整周，并在 fullcalendar js 中进行了一些修改。 在函数 renderDayOverlay 中的 fullcalendar js

function renderDayOverlay(overlayStart, overlayEnd, refreshCoordinateGrid) {
overlayStart.setDate(overlayStart.getDate()-overlayStart.getDay());
overlayEnd.setDate(overlayStart.getDate() + 7);
.
.
.
.
overlayEnd.setDate(overlayEnd.getDate() - 1); // last line of function

它选择整周的事件并保存该周的事件。 还有一个问题是他们关于连续几个月(即 4 月 28 日至 5 月 4 日)一周的 EndDate 计算。 在其他几周它有效。