fullcalendar 相关问题

`我会将用户拖放到日历上的事件中。我将获取用户 ID 和事件 ID。现在显示了用户 ID，但未显示事件 ID。` `我会将用户拖放到日历上的事件中。我将获取用户 ID 和事件 ID。现在显示了用户 ID，但未显示事件 ID。` <div class="kullanicilarList-container" > <div class="kullanicilarList-query"> <h3>Kullanıcı Ara</h3> </div> <div class="kullanicilarList-query"> @Html.TextBoxFor(m => m.KullaniciAra.Arama , new { @class = "form-control", @placeholder = "Kullanıcı Ara" }) <button id="btnReport" name="btnReport" type="button" class="btn btn-primary">Sorgula</button> </div> </div> var draggableUsers = document.querySelectorAll('.draggable-User'); draggableUsers.forEach(function (item) { item.draggable = true; item.addEventListener('dragstart', function (event) { event.dataTransfer.setData('text/plain', item.dataset.itemId); }); }); calendarEl.addEventListener('dragover', function (event) { event.preventDefault(); }); calendarEl.addEventListener('drop', function (event) { event.preventDefault(); var userId = event.dataTransfer.getData('text/plain'); var eventId = event.target.getAttribute('id'); // Hedef etkinliğin kimliği console.log('Etkinlik Kimliği: ' + eventId); console.log('Kullanıcı Kimliği: ' + userId); }); <div class="kullanicilarList-container" id='external-events'> @foreach (var item in Model.Kullanicilar) { <div class="draggable-User" id="[email protected]" data-item-id="@item.Id" draggable="true" style="background-color:@(item.color)"> <div class="col-md-2"> @item.Id </div> <div class="col-md-2"> @item.FirstName </div> <div class="col-md-2"> @item.LastName </div> </div> } </div>

.net asp.net-mvc fullcalendar

回答 1 投票 0

FullCalendar Angular，在 eventDidMount 中，按下导航按钮后，只有最后一个 setProp 起作用

我在 Angular 中使用 FullCalendar 并进行规则插入和重复事件。我想更改 eventDidMount 回调内的背景颜色、文本颜色等。但是，在使用设置多个

angular fullcalendar fullcalendar-5 rrule fullcalendar-6

回答 1 投票 0

如何创建从上午 9 点到第二天上午 9 点的时间段

我正在使用fullCalendar。现在我只有单日可用时间段，例如 0 到 24 小时。相反，如果可能的话，我想要一个 24 小时的自定义时间段，例如今天上午 9 点到第二天...

javascript fullcalendar fullcalendar-scheduler fullcalendar-6

回答 1 投票 0

FullCalendar 未在 Angular 16 上显示

我在我的 Ionic 6 Angular 16 应用程序中安装了 FullCalendar，基于 https://fullcalendar.io/docs/angular，一步一步，并且在浏览器（chrome）上没有显示任何内容。在 Inspector 工具中显示 FullCa...

angular fullcalendar ionic6 angular16

回答 1 投票 0

在完整日历月视图事件栏上换行文本

我正在我的项目中实现完整日历的时间线视图，虽然它工作并且看起来很棒，但我遇到的唯一问题是在时间线月视图中，事件栏没有包裹一半的

fullcalendar

回答 2 投票 0

全日历时间线资源区域宽度

我正在从一个已有 4 年历史的基于角度全日历的应用程序迁移。当时，我确实通过查询相应的“.fc-

angular fullcalendar

回答 1 投票 0

在异步回调中更改 ref 的值时，反应性会中断

考虑以下简单示例（vue3 + pinia + fullcalendar）：商店：导出 const useFullCalendarStore = DefineStore('日历', () => { // ... 常量 activeView = ref 考虑以下简单示例（vue3 + pinia + fullcalendar）：店铺： export const useFullCalendarStore = defineStore('calendar', () => { // ... const activeView = ref<Nullable<ViewApi>>(null); const options = reactive<CalendarOptions>({ datesSet: ({ view }) => { nextTick(() => { activeView.value = view; }); } }); // ... }); 组件： <template>  <div class="text-3240 font-bold">{{ viewHeaderTitle }}</div>  </template> <script lang="ts" setup> import { useFullCalendarStore } from '@/vue/src/store/FullCalendar'; const _fullCalendarStore = useFullCalendarStore(); const viewHeaderTitle = computed(() => { return _fullCalendarStore.activeView?.activeStart.toDateString(); }); </script> 通常，每次 activeView 更改时，组件都应该更新，但在这种情况下则不会，因为 ref 更改发生在回调函数内。有什么解决办法吗？这是代码：您面临的问题是由于datesSet内部回调函数的异步性质造成的。默认情况下，Vue 中的反应性系统不会检测异步回调内所做的更改。为了确保反应性按预期工作，您可以使用 reactive 模块中的 @vue/reactivity 函数为您的商店创建反应性对象，然后为其赋值。以下是修改代码的方法： // Import reactive from @vue/reactivity import { reactive } from '@vue/reactivity'; // ... export const useFullCalendarStore = defineStore('calendar', () => { // ... const store = reactive({ activeView: ref<Nullable<ViewApi>>(null) }); const options = reactive<CalendarOptions>({ datesSet: ({ view }) => { nextTick(() => { store.activeView.value = view; }); } }); // ... }); 通过将 activeView 属性封装在 reactive 对象中，您可以确保在异步回调中对其所做的任何更改都是反应性的，并将触发组件中的更新。即使在异步回调内修改 activeView，此更改也应该能够实现适当的反应性。

vuejs3 fullcalendar pinia vue-reactivity

回答 1 投票 0

FullCalendar：borderColor/backgroundColor 不适用于月视图

在全日历中，我使用 eventDataTransform 来设置 borderColor 和 backgroundColor。对于月视图事件的 borderColor 和 backgroundColor 不生效。我期待着博德...

javascript events vuejs3 fullcalendar fullcalendar-5

回答 1 投票 0

标题全日历自定义月份显示

大家好！我是一名初学者 javascript 开发人员。现在我正在用fullcalendar练习并遇到这样的问题。需要在标题中显示上个月和下个月的名称...

javascript fullcalendar

回答 1 投票 0

完整日历 (v5) 中不支持 24 小时时间格式

我不明白这个问题。在官方文档中找到了解决方案。我有版本 5，它显示 AM、PM 格式。我需要将其更改为 24 小时。我找到了其他方法来解决但没有......