问题标签 [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 投票
1 回答
1366 浏览

javascript - 在 Angular 日历 6+ 上为周视图自定义单元格模板

如何自定义周视图的单元格模板?我们有必要在单击的段时间上显示一个弹出框(对此有更多检查),我想更改 [hourSegmentTemplate] 的模板。你能发一个例子吗?谢谢

编辑:我使用这个组件。

我想更改默认周视图,感谢 [hourSegmentTemplate] 属性:

但结果是 这样的

我只想要左边的时间,以及管理单个模板单元格的可能性。

0 投票
1 回答
355 浏览

angular - 事件点击时打开组件:角度日历

我已经实现了角度日历(来自https://angular-calendar.com/#/kitchen-sink),它工作正常并显示来自我的 Spring Boot API 的数据......

我只想为其添加一个功能,即在特定事件单击时打开窗口(使用 NbWindowService)的权限

例如这个

在此处输入图像描述

0 投票
1 回答
188 浏览

angular6 - 实现角度日历时遇到css问题

我被提到这个线程:一切都完成了。

但我在桌子下面得到了这个。该标签似乎ng-template无法正常工作。

问题是一个CSS问题。我得到警告:

无法加载样式表。 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/less/normalize.less

同样在单击start date输入文本后:我收到此错误:

错误 DOMException:CSSStyleSheet.cssRules getter:不允许访问跨域样式表

我想不通。我现在不知道我错过了什么。你能帮我解决这个问题吗?提前致谢。

0 投票
2 回答
627 浏览

angular - Angular 日历点击事件

我基于那个线程

我可以添加一个方法,允许在单击该捕获所呈现的现有事件后显示模式(弹出窗口):

在此处输入图像描述

使用该代码:

在单击没有任何事件的空单元格后,我被困在如何显示模式上,如该捕获所解释的:

在此处输入图像描述

你能给我一些建议吗?非常感谢。

0 投票
1 回答
79 浏览

angular-calendar - 在不使用 CalendarEvent 的情况下从 Mysql 获取数据到 Angular-Calendar

我使用该线程实现了日历。

我想查阅从MySqlCalendar的数据。

我在MySql上保存了一个名为shedule的实体的数据:

我在问我是否可以在日历上显示该实体(时间表)的详细信息?

CalendarEvent不使用?也可以做到这一点。

非常感谢。

0 投票
3 回答
317 浏览

angular - 如何将 angular-calendar (mattlewis92) 包含为 Angular 组件而不是包

我们正在使用角度日历 (mattlewis92)。由于我们希望对日历有更多的控制权,我们希望将它作为一个 Angular 组件,而不是一个包。

我包括了所有modules(在图片中)calendar-utils文件夹,但是有无数的错误,我修复了一个,我又得到了 10 个错误。

有没有人能够顺利地从包中创建一个 Angular 组件?我可以在某处阅读教程吗?

在此处输入图像描述

编辑:该应用程序终于编译了,但是我收到以下错误: 在此处输入图像描述

0 投票
0 回答
145 浏览

angular - 来自 mattlewis92/angular-calendar 的 Angular 日历在周/月视图中按用户列表显示事件

我已经在我的角度项目中实现了来自(https://github.com/mattlewis92/angular-calendar)的角度日历,它工作正常,现在我正在尝试在周视图和月视图中按用户列表显示事件。我试图展示这样的东西:

周视图

星期一 周二 星期三 星期四 周五 星期六 太阳
用户 1 EV1 EV2
用户 2 EV1 EV2
用户 3 EV1 EV2 EV3

月视图

我在文档(https://angular-calendar.com/docs/)中进行了搜索,但没有找到任何可以帮助我实现这一目标的东西。

0 投票
0 回答
287 浏览

javascript - 在角度日历中添加下拉菜单以更改活动状态

我正在使用带有自定义模板的角度日历,如下所示:https ://mattlewis92.github.io/angular-calendar/#/custom-templates ,

我想要做什么:-我想要一个下拉框在我的日间单元格中用于更改活动状态(成功、待定、拒绝)

发生了什么问题:- 当我使用自定义模板并将其添加到 mwl-calendar-month-view 中时, [cellTemplate]="customcellTemplate" *ngSwitchCase="CalendarView.Month" 当我想要两者时停止工作。

我想要这个图像 的视图

编辑

我尝试过的:

输出:图像

0 投票
1 回答
202 浏览

javascript - 如何使用 jquery 访问 ng-template 属性

我正在使用带有自定义模板的角度日历,如下所示:https ://mattlewis92.github.io/angular-calendar/#/custom-templates

我的 html 中有 ng-template 元素

并在我的 mwl-calendar-month-view 元素中调用 customCellTemplate

现在我想在我的 component.ts 文件中访问 day(在 ng-template - let-day="day" 中)

我想我可以用 jquery 来做,但不知道怎么做,如果还有其他方法,请告诉我

谢谢!!

0 投票
1 回答
167 浏览

angular - 从 Angular-Calendar-Year-View 关闭微调器 [https://www.npmjs.com/package/angular-calendar-year-view]

我正在使用角度日历,对于我需要的年视图,我已经实现了:

https://www.npmjs.com/package/angular-calendar-year-view

它工作正常,但有一个微调器,我无法关闭。有人现在是代码的一部分,可以关闭微调器吗?

这就是我实现它的方式。目前,我只是将依赖项中的“微调器”-布尔值设置为 false,但这是废话。

我也尝试过类似的东西

在打字稿文件中,但它也不起作用......

请帮忙

这是依赖