问题标签 [angular-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 投票
0 回答
205 浏览

angular - Angular mwl 日历显示选择的默认日期

我正在使用 AngularCalendar,尤其是可点击的日子功能。当我登陆日历页面时,我需要显示选择的默认日期。当用户打开带有日历的页面时,他必须看到今天被选中。

如何创建新的 CalendarMonthViewDay 以便 Angular 可以看到它并在选定日期的情况下呈现页面?下面是我的代码

日期组件.ts

date.component.html

我已经尝试过了,但它也不起作用我还想要用户可以选择自定义日期的点击事件。

在此先感谢。任何帮助将不胜感激。

0 投票
0 回答
15 浏览

angular-calendar - 如何为角度日历编写api?

我目前正在研究角度日历。我想在 Spring Boot 中编写自己的 API。在 Asyn 角度日历中,没有方法告诉我们如何编写自己的 api。

0 投票
1 回答
1218 浏览

angular - Angular 日历如何自定义事件模板

我正在使用 Angular 日历为我的项目实现日视图。我需要用不同的背景颜色显示一天中的某个时间。

我需要为我的日历中的事件指定任务列表。

你知道如何使用 ng-emplate 进行自定义事件吗?谢谢

0 投票
0 回答
134 浏览

angular - Angular Calendar 调整自定义事件的大小

我正在一个项目中使用 Angular 日历:https ://angular-calendar.com/#/kitchen-sink 。我遇到的问题是在传递自定义事件模板时事件无法调整大小

我想我需要自己实现调整大小功能,但我不知道如何。

谢谢你的帮助

0 投票
1 回答
185 浏览

angular - Angular 日历 - 如何使用动态 beforeMonthViewRender

我正在尝试创建一个考勤日历,我必须根据休假类型更改列颜色。

但是在角度日历数据中它不起作用,出勤数据显示为空。

这是我的代码。

请帮忙。

HTML

谢谢................................................. …………

0 投票
0 回答
55 浏览

angular-calendar - Angular-calendar - 防止在拖动重复事件时丢弃它们

我有一个组件,可以显示一周内重复发生事件的周视图以及更多时间。问题是,当我试图从一周中拖动一个事件并将该事件放到另一个日期和时间时,它会删除所有之前应该保留的事件,因为它们还没有通过。我只需要将它们全部移到其他时间。

如何停止丢弃它们?

0 投票
0 回答
43 浏览

html - 从 Angular 6.0+ 日历中的单独文件加载模板

我目前在我的项目中使用角度日历并对其进行了相当多的定制。自定义是通过使用完成的<ng-template>,我目前将它们全部放在同一个文件中,这已经失控了。

这是一个简化版本:

app.component.html

我尝试在其中创建app-my-template.component.html并移动<ng-template>标签,然后app.component.html进行如下编辑:

但我收到以下错误:

“类型‘MyTemplate’缺少‘TemplateRef’类型的以下属性:elementRef、createEmbeddedView”

我也尝试了这个 stackoverflow response,但是该<ng-template>部分保留在组件之外,这在我的情况下不起作用,因为我有一堆与ng-template自身相关的变量。

至于我的问题,如何ng-template从另一个文件加载包含标签本身的全部内容?谢谢你。

0 投票
0 回答
452 浏览

fullcalendar - 无法绑定到“选项”,因为它不是“完整日历”的已知属性

错误信息:

错误:src/app/pages/calander/calander.component.html:1:16 - 错误 NG8002:无法绑定到“选项”,因为它不是“完整日历”的已知属性。

  1. 如果'full-calendar'是一个Angular组件并且它有'options'输入,那么验证它是这个模块的一部分。
  2. 如果“full-calendar”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。
  3. 要允许任何属性,请将“NO_ERRORS_SCHEMA”添加到此组件的“@NgModule.schemas”。

<full-calendar [options]="calendarOptions"> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/pages/calander/calander.component.ts:5:18 5 templateUrl: './calander.component.html', ~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~ 组件 CalanderComponent 的模板出错。

我完全按照这里的角度文档:https ://fullcalendar.io/docs/angular

导入 app.module.ts 中的所有内容

在我的组件文件中使用它

然后在我的 HTML 文件中传递这段代码,我得到了上述错误。

0 投票
1 回答
89 浏览

javascript - 从角度日历禁用 CalendarEventAction

我有 2 个动作,

但我希望只有具有角色的用户(例如:管理员)才能看到第二个图标,即删除事件。

如何为其余用户隐藏第二个图标并为管理员显示它。

谢谢

0 投票
0 回答
37 浏览

angular - 如何使用 Angular 日历移动日历日期

我正在使用 Angular 日历,并且想在那天有活动时改变日期。

例如,日期是 22-09-2021,用户已经安排了这一天的活动,并且想将安排日期更改为 2 天。所以我的日历应该直接跳转到 24-09-2021,这是我活动的结束日期并且应该从日历中跳过 23-09-2021。

有什么方法可以在 Angular 日历中实现吗?

在此处输入图像描述