fullcalendar 相关问题

Fullcalendar是由Adam Shaw开发的一个库，它通过AJAX（以及其他方法）加载事件，并在日历/议程显示中显示它们。

完整日历 V4 - 单击事件时，如何更改日期的颜色

我正在使用月视图。我显示所有日期，并且想将每一天标记为“工作日”、“加班日”、“假期”等。我将上面的每个标签都设置为事件，并且显示正常。我的下一个目标...

javascript angular fullcalendar fullcalendar-4

回答 2 投票 0

FullCalendar 限制事件数量并有更多链接

我看到有人请求向日历添加“更多”链接并限制活动数量。这件事已经完成了吗？或者有人实施了自己的解决方案，可以分享吗？...

javascript jquery fullcalendar

回答 5 投票 0

完整日历自定义按钮 - 省略号图标

我正在开发一个使用 FullCalendar 库的 Angular 项目。我需要使用 customButtons 将带有省略号（三个垂直点）图标的自定义按钮添加到 FullCalendar 标题中

javascript angular typescript fullcalendar

回答 1 投票 0

周视图中的完整日历自动高度

我需要一个周模式的日历，它将占用它可以占用的所有宽度，并占用它不需要滚动条的所有高度。如果我保留默认设置高度：自动，纵横比：1....

html css fullcalendar fullcalendar-2

回答 4 投票 0

当我在完整日历中创建第二个事件时，会创建两个事件

如果您创建一个事件，它会完美运行，但是当您创建更多事件时，系统会创建之前的所有事件+您现在创建的事件。如果您创建一个事件，它会完美运行，但是当您创建更多事件时，系统会创建之前的所有事件+您现在创建的事件。 <div id='wrap'> <div id="fullCalModalModify" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button> <a>Title:</a><input id="modalTitleModify" class="modal-title" autofocus><a>Avec:</a><input id="modalClientModify" class="modal-title"> </div> <div class="modal-footer"> <button class="alert alert-success" id="btnSave"><a target="_blank">Save</a></button> </div> </div> </div> <div id="calendar"></div> <div style='clear:both'></div> </div> $(document).ready(function() { var title; var client; var eventData; /* initialize the external events------------------------------*/ $('#external-events .fc-event').each(function() { // store data so the calendar knows to render an event upon drop $(this).data('event', { title: $.trim($(this).text()), // use the element's text as the event title stick: true // maintain when user navigates (see docs on the renderEvent method) }); // make the event draggable using jQuery UI $(this).draggable({ zIndex: 999, revert: true, // will cause the event to go back to its revertDuration: 0 // original position after the drag }); }); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay,listMonth' }, defaultDate: '2016-09-12', droppable: true, // this allows things to be dropped onto the calendar navLinks: true, // can click day/week names to navigate views businessHours: true, // display business hours editable: true, selectable: true, selectHelper: true, select: function(start, end) { $('#modalTitleModify').val(""); $('#modalClientModify').val(""); $('#fullCalModalModify').modal(); $("#btnSave").click(function() { title = $('#modalTitleModify').val(); client = $('#modalClientModify').val(); description = $('#modalDescriptionModify').val(); if (title) { eventData = { title: title, clientName: client, start: start, end: end }; $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true $("#fullCalModalModify").modal('hide'); } }); $('#calendar').fullCalendar('unselect'); }, loading: function(bool) { $('#loading').toggle(bool); /*end of section separate windows */ }, }); }); http://jsfiddle.net/prodeinfo/x4dbs8qz/ 我不明白为什么，你能帮我吗？我认为问题在于，每次调用 $("#btnSave").click() 函数 (select) 时，您都会添加一个新的 select: function(start, end) {....} 事件侦听器。您可以使用 jquery .one(...) 函数来解决这个问题。这是一个例子： select: function(start, end) { .... $("#btnSave").one("click", function() { .... } } 看起来有效 @提图斯谢谢这个 $("#btnSave").off("click"); 今天救了我:)

javascript fullcalendar

回答 2 投票 0

如何仅检索 console.log 中的“下一个事件”？

calendar.getEvents(); 上面当然会列出存储在客户端内存中的所有事件。是否有类似的命令仅列出从那时起将发生的“下一个”事件...

javascript fullcalendar fullcalendar-6

回答 1 投票 0

Nuxt 和 Laravel 的 TTFB 等待时间为 15000 毫秒

我遇到了很长的 TTFB 时间，大约 15000/17000 毫秒，带有 GET 请求。这种情况只发生在一个特定的调用上，其余的都很好。我在添加 Nux 后才开始遇到这种情况...

php laravel nuxt.js fullcalendar laravel-sanctum

回答 1 投票 0

按下下一个/上一个按钮后如何阻止 FullCalendar 重新获取我的事件？

我正在使用 FullCalendar 和 Laravel，每次我尝试转到下一个/上一个时都会调用我的 ajax 调用事件，我怎样才能防止这种情况发生？我希望它一次获取事件，并且...