Vue FullCalendar，设置单击事件

文章/答案/技术大牛

发布

2回答

javascript、vue.js、fullcalendar

我正在使用Vue https://fullcalendar.io/docs/vue的FullCalendar库，我有一个完美的工作日历，但是我不能让点击日期/日历事件来工作。<full-calendar @dateClick="handleDateClick" :config="config" :events="events"/></full-calendar

浏览 126提问于2019-09-09得票数 1

回答已采纳

2回答

不触发完整日历日期和事件单击事件。

javascript、vue.js、fullcalendar、fullcalendar-4

我已经在vuejs中配置了完整日历，我在使用完整日历事件时遇到了问题。当我试图触发这些事件时，dateClick和eventClick在控制台上给出了以下警告： <script src="~

浏览 4提问于2021-05-28得票数 0

回答已采纳

1回答

用vuejs按用户交换事件的FullCalendar

vue.js、vue-component

我已经配置完整日历的vuejs，事件的3个成员，现在我想显示隐藏用户事件点击。 events: [ title: 'Event 1',}) 这是我的vue组件，这个vuejs组件得到所有的帖子，但是不能过滤运

浏览 2提问于2019-01-30得票数 0

回答已采纳

1回答

如何使用Laravel和Vue js获取完整的日历事件id onClick？

laravel、vue.js、fullcalendar

当用户单击某个事件时，我希望显示一个Modal，其中包含该特定id的面试数据。所有的事件，都是存储在一个名为面试的表中的面试。这是一个截图。我使用的是文档中的完整Calendar Vue</e

浏览 7提问于2020-11-17得票数 0

1回答

如何在fullcalendar-vue中设置eventOrder？

vue.js、fullcalendar

我已经在我的项目中设置了一个带有“fullcalendar vue”的日历。现在，对于同一天的多个事件，事件按字母顺序列出。我想从数据库中按特定ID对同一天的事件进行排序。<FullCalendar ref="fullCalendar" :events="calendarEvents

浏览 59提问于2019-05-10得票数 0

1回答

全日历和Vuex

vue.js、fullcalendar、state、vuex

在fullcalendar更新了它们的道具以脱离<FullCalendar />元素之后，我在渲染事件时遇到了一些问题。from '@fullcalendar/vue'import interactionPluginfrom '@fullcalendar/interac

浏览 25提问于2020-10-13得票数 0

回答已采纳

1回答

单击fullcalendar.js插件上不起作用的事件

javascript、vue.js、fullcalendar、fullcalendar-4

我需要以下几点： <template> <FullCalendar :plugins="calendarPlugins"from '@fullcalendar/vue'

浏览 1提问于2020-01-16得票数 2

回答已采纳

1回答

Vue FullCalendar:日期和事件doubleclick处理程序

vue.js、fullcalendar、double-click

我使用的是Vue FullCalendar 5.3.1。我想添加事件在双击空的日期单元格和编辑事件在双击事件。我如何实现这一点？from '@fullcalendar/vue' import interactionPluginfrom '@fullcalenda

浏览 15提问于2020-09-15得票数 0

1回答

如何在fullCalendar中使用addEventSource注册事件？

javascript、jquery、fullcalendar

当我单击dayClick时，我想在单击的日期中添加一个事件。我有以下JS代码： header: { left:(哦，注意所有要注册的事件的标题值都是"closed")

浏览 3提问于2017-12-21得票数 0

回答已采纳

1回答

将事件从对象VUE添加到完整日历

javascript、vue.js、fullcalendar

我试图在vue中为事件分配一个事件对象，但它没有出现在我面前，我做错了什么？数据在控制台中正确显示，但不显示在日历中。import axios from "axios";import FullCalendar from "@fullcalendar/vue3"; import dayGridPlugin from

浏览 42提问于2021-09-14得票数 0

1回答

vue完整日历eventRender，添加vue组件

javascript、vue.js、vuejs2、fullcalendar、vuetify.js

我使用 vue扩展。有一种方法可以将vue组件注入其中吗？<FullCalendar defaultView="dayGridMonth" :editable="from '@fullcalendar/vue<

浏览 4提问于2019-12-16得票数 3

回答已采纳

1回答

FullCalendar不使用eventOrder排序事件

javascript、fullcalendar

fullcalendar.io没有正确地排序我的事件： "date": "2022-08-07",/core/vdom' // solves problem with Vite import FullCalendar from '@fullcalendar/vue</em

浏览 8提问于2022-08-03得票数 0

1回答

按一下事件的模态

javascript、vue.js

我已经成功地让事件单击了Vue FullCalendar，但是我正在尝试使用这个垫脚石，并让它在单击事件时打开一个模型。<FullCalendar /> -->

浏览 0提问于2019-09-13得票数 0

回答已采纳

1回答

我在我的vue应用程序中使用了2个完整的日历，当我点击日历时，我必须在弹出窗口上点击两次才能关闭它

fullcalendar、fullcalendar-scheduler

当我点击日历时，它会打开带有事件详细信息的弹出窗口。但是当我试图关闭它时，我必须点击两次关闭按钮，当我在应用程序中只使用一个完整的日历时，它工作得很好。这些是为vue应用程序中的两个日历设置的属性。FullCalendar( id="fullCalendar" :header="header

浏览 80提问于2021-08-06得票数 0

1回答

从Vue.js获取和显示MySQL完整日历上的事件

javascript、mysql、laravel、vue.js、vue-component

我希望从我的MySQL DB中检索我的事件，并将它发送到Vue组件，以便相应地在FullCalendar组件上显示事件。尽管它将我的事件数组填充为一个完整的HTML文档。return json_encode($events);}

浏览 1提问于2021-03-08得票数 0

1回答

如何用eventDataTransform在FullCalender Vue中传递自定义数据

vue.js、fullcalendar

我对每个事件都有自定义的数据点(例如event.organizer)。我希望这包括在日历中的活动部分。我查看了文档(https://fullcalendar.io/docs/eventDataTransform)，但它相当松散，特别是关于Vue组件(https://fullcalendar.io/docs/vue) Vue组件应该是什么样子，有人能帮上忙吗？import { resources, events

浏览 45提问于2021-06-22得票数 0

回答已采纳

1回答

如何在Vue.js中删除FullCalendar-4事件

javascript、vue.js、fullcalendar-4

我正在尝试使用FullCalendarV4和Vue.js构建一个交互式日历。到目前为止，我已经将代码设置为在handleDateClick函数中使用prompt方法启用事件输入。我想附加一个功能删除按钮到每个事件。文档中说这可以使用eventRender回调来完成。我试着使用这个回调来追加一个按钮，但是没有用。对如何实现这一点有什么建议吗？我的代码如下。谢谢!<template> <FullCalendar<

浏览 35提问于2019-07-20得票数 0

回答已采纳

2回答

完整日历-vue+类型记录:属性'getApi‘不存在

typescript、vue.js、fullcalendar

我试图在类型记录中使用FullCalendar-vue，并且在访问它的API时遇到了一个错误。我的日历是这样设置的：为了方便起见$refs.fullCalendar.getApi() // Property 'g

浏览 4提问于2021-06-15得票数 1

回答已采纳

1回答

在日历外部输入之后，使用API中的数据更新完整日历Vue事件

javascript、vue.js、fullcalendar

我使用FullCalendar包作为Vue component (docs)。我有一个带有选择输入和日历组件的表单。只有当此select输入有值或发生更改时，我才希望通过发出API请求来设置日历上的事件，该请求将从select输入返回链接到该值的事件。发出此请求后，我希望将我的日历事件更新为从API调用接收到的事件。在更新事件之后，我尝试在calendarApi上使用render()和refetch-events，但没有发生任何更新。/Ca

浏览 47提问于2021-02-11得票数 0

回答已采纳

1回答

全日历不显示事件

laravel、vue.js、laravel-nova

我无法在完整的日历中显示事件，我正在使用vue和vuex开发一个带有模式窗口的laravel nova组件，我已经尝试了许多方法，但都没有成功。我希望任何人都能帮助我。我的商店是这样的： import Vuex from 'vuex'; Vue.component('fullcalendarfrom '@fullcalendar/vue</e

浏览 34提问于2020-08-30得票数 0

点击加载更多