选择全日历中的整周

2024-01-31

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

这是我到目前为止所拥有的:

<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>

任何帮助都感激不尽。


我设法在月视图中选择整个星期,并在 fullcalendar js 中进行了一些修改。 在 fullcalendar js 函数 renderDayOverlay 中

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 计算。 其他几周都有效。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

选择全日历中的整周 的相关文章