当前位置: 首页 > 知识库问答 >
问题:

Angular2完整日历重新蚀刻事件

籍兴文
2023-03-14

我将angular2与angular2 fullcalendar一起使用。在我的项目中,我从后端获取数据。现在我的问题是,当我使用选择日期添加事件时,我希望它在日历上显示成功提交数据,而无需重新加载页面。以前我使用的是$('myCalendar')。fullCalendar('renderEvents',newEvents,true) 以完成工作。但是我不想在angular项目中使用jquery。除了使用jquery,还有其他的替代方法吗。请帮忙。


共有1个答案

刘建中
2023-03-14

是的,ViewchildElementRef

@import { ViewChild, ElementRef } from '@angular/core';

@ViewChild('calendar') myCalendar: ElementRef;
myHtmlElement: HTMLElement;

ngOnInit() {
    this.myHtmlElement = this.myCalendar.nativeElement;
}

超文本标记语言:

<!-- Where you actual calendar is, add #calendar to your tag -->
<div id="myCalendar" #calendar></div>
 类似资料:
  • 问题内容: 我正在使用asp.net mvc列出jquery完整日历中的事件。下面是我用来通过mvc中的json列出事件的脚本。 但是以上脚本未在日历中显示任何事件。我在上面的脚本中做错了什么? 问题答案: 当我将json事件的日期解析为以下内容时,此问题已解决:

  • 我在我的php站点中使用fullcalendar。我用eventSources加载事件,给它一个url重定向到我的php控制器,该控制器生成json数据。在呈现日历之前,我希望每个事件都有工具提示。为此,我编写了一个javascript函数,用于添加工具提示: 其中内容是html内容。该函数在日历渲染之后运行。呈现日历后,工具提示不显示。 为了解决这个问题,我尝试将该函数添加到datesRende

  • 我已经使用FullCalendar生成了一些事件。我想重新排列页眉中的按钮。 例如,“月”、“周”和“日”按钮应显示在第一行。标题应该放在prev和next按钮之间。如何实现这一点? 提前道谢。

  • 我正在使用Tizen IDE进行可穿戴设备,在选择新的空工作区后,它崩溃了,有什么想法吗?我有最新的IE浏览器。

  • 今天在工作中,我的eclipse开始反复崩溃。打开它并开始编辑文件几分钟后就会崩溃。我重新安装了所有东西:Eclipse、WorkspaceJava但没有任何帮助。请尝试确定我的问题的根源,因为我目前无法工作。 (…)

  • 我正在尝试从特定日历中读取我的Google日历事件,而无需在X小时/天之后重新验证仪表板。可能吗? 我添加了谷歌日历API到我的谷歌云平台项目,创建了桌面客户端(客户端和秘密),并可以通过python api访问我的日期: 但问题是,每次询问我的谷歌账户,这对于全天候运行的仪表板是不可能的。 亲切的问候 编辑:我在gcp使用标准的gmail帐号。我用一个服务帐户尝试过,但是如果我使用这个方法,结果