问题标签 [ui-calendar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4449 浏览

fullcalendar - 在周末禁用事件创建

我正在尝试将 Fullcalendar 用于我的休假申请之一。我启用了选择选项,以便用户可以选择日期并申请休假。但我想禁止周末被选中,即当用户点击周末时它应该发出警报。它可以实现吗?

我的代码

0 投票
2 回答
5010 浏览

angular - angular 2 fullcalendar,refetchEvents 不起作用(完整日历不是函数错误)

我正在为我的一个项目使用 angular 2 fullcalendar。只要我在渲染日历之前准备好数据,一切都可以正常工作。如果触发事件并且数据来自后端,我在使用 refetch 功能时会遇到问题。我会首先解释代码并描述错误。我已经安装

在 app.module.ts

我已经进口了

我在声明中声明:[]

在 html 中,我正在使用显示日历

在我拥有的组件中

我对标签有一个参考

我的日历配置看起来像

问题

现在,如果我尝试,当新数据出现时

它给出了一个错误说

无法读取未定义的属性“nativeElement”

如果我尝试使用

$('#mycal').fullCalendar('refetchEventSources',this.events);

它给出了错误

引起:$(...).fullCalendar 不是函数

如果我使用

同样的错误来了。我做错了什么?请帮忙。我真的卡住了;

更新

我做了我做了

在新数据到来之后,在我所做的订阅方法中,

现在,当新数据到来时,旧数据不会从视图中删除,而是附加到现有视图中。

0 投票
0 回答
507 浏览

javascript - AngularJS UI 日历 - 删除事件不会重新呈现事件

我对 AngularJS Ui-Calendar有这个问题:

在 fullcalendar 的 select 回调函数中,我通过拖动创建事件,然后将事件添加到我的事件数组中。

创建事件后,我想删除其中的一些,因此我在前面添加了一个按钮,删除,它从 Ui-CalendarCalendar 调用删除函数。功能如下:

问题是,在我删除一个事件后,即使该事件已从事件数组中删除,该事件仍会显示在日历上。

我尝试在删除函数中添加以下代码来重新呈现事件,但这也没有解决我的问题,因为它只是在第一次删除事件时重新呈现。代码如下:

日历如下所示: 在此处输入图像描述

2天来,我一直在努力寻找解决该问题的方法。

感谢您的时间。

编辑:

我的删除功能是:

其中$scope.remove(key)是:

0 投票
1 回答
84 浏览

javascript - Angular uiCalendar 不重新渲染事件

我正在尝试从角度 ui 日历构建一周调度程序,但我不断收到错误消息:'无法读取 null 的属性“格式”'并且我的事件列表都没有显示。所有依赖项都已导入,我在 index.html 上声明 ui 日历,如下所示:

我的角度模块声明:

日历出现在页面上,但没有我的硬编码事件(事件在我的控制器中声明)。我在这里有这个调度程序的 plunker:https ://plnkr.co/edit/Plscx3IiZb5h9cE7Wdv6?p=preview

我在相关问题上进行了很多搜索,但找不到解决此问题的方法。我怎样才能正确呈现这些事件?

0 投票
0 回答
407 浏览

angularjs - Angular UI Calendar 按日期检索事件 UI 元素

我正在尝试从角度 UI 日历中检索特定的日事件 ui 元素,但没有可用的功能。

现在我通过以下方式获取所有事件 UI 组件

这将提供所有呈现的事件元素 UI,然后我必须遍历并找到相应的事件元素 UI。

任何人都可以建议我按日期检索特定日期的事件元素的更好方法。

注意:日历中的事件是重复事件,因此在一周中的那一天,所有事件都将具有相同的 ID

0 投票
1 回答
272 浏览

angular - Angular UI 日历问题

我在我的大学项目中使用了 Ionic-3,我有一些问题,我想知道如何在 Ionic 项目中正确安装这个日历http://angular-ui.github.io/ui-calendar/ ?我试过了,它不起作用,请帮我解决这个问题?

0 投票
0 回答
54 浏览

angularjs - angularjs:ui-calendar,隐藏周六和周日

我正在使用 ui-calendar ( https://github.com/angular-ui/ui-calendar ),我想隐藏周六和周日。
可能吗?
谢谢你。

0 投票
0 回答
182 浏览

javascript - 页面加载后更新日历事件

我的问题是,当我打开页面时,事件会通过回调 (function().then) 加载,这会导致我的日历无法加载 $scope.eventSources 中传递的事件

看法

控制器

Angular 版本: 1.5
Fullcalendar 版本: v2.1.1
ui-calendar 版本:未知,但看起来像1.0.0(我比较了JS)

之后可以加载事件吗?我尝试了一些技巧,但没有成功。我得到的最接近的是控制器中的另一个函数,它破坏了日历并用完整的 javascript 重新创建它。但是,即使在这种情况下,我也需要使用页面中的按钮来执行此功能。

0 投票
0 回答
117 浏览

angularjs - 无法加载我的 ui-calendar 模块

当我尝试在我的 angular.module 中加载我的 ui-calendar 时,我收到了 Uncaught Error: Injector error。我将如何包括我的 ui 日历。我正在使用 npm 安装。

这是我的错误:

这是我的模块,如果我包含 ui-calendar:

或者是否有任何其他需要包含的脚本标签。如果是这样,请给我脚本标签。

我的喷油器错误得到了解决。我想获得完整的日历视图。

我正在使用这个 div 代码:

如何获得简单的日历视图?

这些是我需要加载的脚本吗?

我尝试实现表单https://jsfiddle.net/yy1rud17/326/网站,其中我得到了以下内容;

我是否需要初始化我的日历?

0 投票
0 回答
306 浏览

jquery - 无法获取日历视图

我已将我的 ui-calendar 模块包含在 angular.module 中,并提供了所有必需的脚本。但是我的日历视图并没有出现,它让我很失望 calendar.fullCalendar 不是一个函数。我怀疑所以我错过了一些脚本。

这是我的脚本:

这是我的html代码:

这是控制器代码

这是我的输出: 在此处输入图像描述