我开始使用 FullCalendar-Angular 但我被卡住了。 我无法使可点击的日期生效,或者我没有正确理解。 除了在我的fullcalendar组件中设置[navLinks]="true" ,我是否必须执行任何其他操作? 如果是,我该怎么办?

我的代码:

<full-calendar defaultView="dayGridMonth" 
              [plugins]="calendarPlugins"
              [aspectRatio]="2.2"
              [navLinks]="true"
              [header]="{ left: 'prevYear,prev,next,nextYear today',
                          center: 'title',
                          right: ' dayGridMonth,timeGridWeek,timeGridDay'}">
</full-calendar>

#1楼 票数:0

我想您的解决方案还需要另外两件事

(dateClick)="handleDateClick($event)"

[events]="calendarEvents"

在您的组件中

calendarEvents: EventInput[] = [
    { title: 'Event Now', start: new Date() }
];

handleDateClick(arg) {
    if (confirm('Would you like to add an event to ' + arg.dateStr + ' ?')) {
      this.calendarEvents = this.calendarEvents.concat({ // add new event data. must create new array
        title: 'New Event',
        start: arg.date,
        allDay: arg.allDay
      })
    }
  }

https://stackblitz.com/github/fullcalendar/fullcalendar-example-projects/tree/master/angular?file=src%2Fapp%2Fapp.component.ts

  ask by TheodoreTsg translate from so

未解决问题?本站智能推荐:

1回复

Angular中的FullCalendar-获取选定的日期

我在 Angular 10 中使用 FullCalendar v4。从昨天开始我一直在尝试实现多选天数。 即,用户必须能够选择多天(05/10、05/18 等)然后单击日历控件之外的按钮,我想显示“您选择的天数是:05/10、05/18”然后将这两个日期保存在数据库中。 到目前为止,我可以通过在 d
1回复

如何让Fullcalendar的外部事件在Angular中工作?

我一直在尝试让外部事件与 Fullcalendar 和 Angular 一起工作。 我承认我是 Angular 的新手,有些事情我显然不明白。 Fullcalendar 有一个关于用 Angular 设置它的页面,它在这里。 我以这种方式设置了主日历,一切都运行良好,直到我想将外部事件放到日历上。
5回复

如何在Angular2中使用FullCalendar

我是Angular 2的新手,正试图掌握如何将Angular 2与现有的Javascript UI Framework库集成。 现在我正在尝试使用jQuery插件http://fullcalendar.io或者实际上我想使用名为Scheduler的高级插件。 但是我在Plunker中创建
1回复

Angular中的FullCalendar-更改MonthView中的日期格式

我到处寻找并尝试了一切,但仍然无法找到正确的方法来做到这一点。 我在 Angular 10 中使用以下版本。 "@fullcalendar/core": "^4.3.1", "@fullcalendar/daygrid": "^4.3.0", "@fullcalendar/interaction
1回复

获取在Angular7fullcalendar中单击的事件日期

我在我的 angular 7 应用程序中使用 FullCalendar,我在日期上添加了多个事件,这些事件来自后端逻辑。 我已经能够获得日点击事件的日期,但我似乎无法获得 eventclick 方法的日期。 我一直试图在完整的日历中获取事件的日期。 假设日期加载到 fullcalendar 的 ev
1回复

在Angular中安装FullCalendar

我对在 Angular 8 中安装 Fullcalendar 感到很困惑。我已经关注了 fullcalendar 站点并在 @fullcalendar 下安装了这个包(使用 npm install --save @fullcalendar/angular 等)但是当我在寻找一个特定的要求时遇到了一些
1回复

在angular2上使用FullCalendar的eventMouseOver

我目前正在做一个项目。 我需要在angular2项目中实现日历,所以我选择FullCalendar.io 我的dayClick和eventClick事件工作得很好,但是我的eventMouseOver没有触发。 我正在使用fullcalendar的3.6.1版本 我的plannin
1回复

在angular4中使用fullcalendar时不显示事件

我想在angular4中使用fullcalendar,我只显示日历,但是我想在click上添加事件,我使用dayClick,然后将对象推入events [],新事件已添加到事件中,但它没有出现在日历上,我尝试将stick = true设置为true,但不要进行任何更改。我对仅使用打字稿的angu