问题标签 [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 回答
838 浏览

angular7 - Angular-Calendar 上下文菜单不起作用如何调出?

我正在尝试angular-calendar从这里集成上下文菜单。 在称为集成https://mattlewis92.github.io/angular-calendar/#/context-menu 的子模块上。Calendar

安装所有必要的模块后,context-menu对我不起作用。

这是我的子模块:

这是 ts 文件:

这是模板文件:

也没有错误。

有人指导我吗?提前致谢。

0 投票
1 回答
237 浏览

angular - 将注入服务的数组用于角度日历时,角度不会检测参考对象的变化

所以我正在使用角度日历,当我按下按钮时我有一个对话框,现在我将一个随机事件对象添加到我的日历服务事件数组中以进行测试:

它将它添加到我的注入服务中:

现在我使用 ngOnit 在组件中设置本地事件数组:

所以现在它会提取正确的事件,但是当我添加一个事件时它不会更新 DOM,因为我只更新数组 OnInit 所以只有在更改页面并返回之后,如果我更改更新方法,使用 calendarservice 事件数组它可以工作:

我使用它并将其添加到日历中,如下所示:

但是我将如何使用组件自己的数组而不是服务数组来做到这一点?让组件像 max 那样使用自己的数组比直接从服务中获取更好的做法吗?

我想使用组件数组来做到这一点,但它不会在按钮单击时更新:

希望这是有道理的

谢谢!

0 投票
0 回答
350 浏览

angular - 角度日历未在角度 5 中导出成员“DateAdapter”

我已经通过这个命令在我的 angular 5 应用程序中安装了这个angular 日历模块。

npm install --save angular-calendar@0.24.1 date-fns.

我收到此错误

错误

我看到没有 angular 5 的文档

任何人都可以帮助我如何在angular 5中使用它。

注意:我已经安装0.24.1了 angular 5 的版本。

提前致谢。

0 投票
2 回答
3398 浏览

angular6 - 日历在第一次加载时不显示事件,仅在触发窗口中的任何元素后

日历在首次加载时不显示事件。仅当我触发任何事件(例如单击按钮)以将视图逐月更改时。

我正在使用Angular 日历 6 + LINK

我的项目是用Angular 6制作的。

日历在第一次加载时不显示数据,只有在我触发任何事件时才显示数据。

一切都按预期工作,所以我会给出 Html(其中的一部分)和最重要的:在这种情况下最重要的。

HTML ...

...

打字稿...

...

第一次加载

在此处输入图像描述

在任何事件之后(例如,单击周视图并返回月视图): 在此处输入图像描述

0 投票
0 回答
447 浏览

angular - 只有 ngb-modal-backdrop 显示,模态不工作,同时集成 mattlewis92 Angular 6.0+ 日历

集成Angular 6.0+ 日历到学校项目(我是 Web 开发初学者),所有其他功能都在工作,但是当打开模式时,只有模式背景会激活。尝试ngb-modal-backdrop在浏览器中禁用 CSS,但模式仍然没有显示。

这是检查页面的屏幕截图,在我打开模式并且只显示背景之后。 这是检查页面的屏幕截图,在我打开模式并且只显示背景之后。

据我了解,这可能是一个 Bootstrap 错误,但我不确定。那么也许一些自定义 CSS 会修复它?

我没有更改原始项目的任何代码,但这是负责calendar.component.html文件中的模式的部分:

0 投票
2 回答
4320 浏览

angular - 如何在角度日历周视图中使用 ng-template 以不同颜色显示特定的一天时间

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

我找不到输入或其他方式(使用 ng-template)以不同背景颜色呈现周视图中的特定单元格。

我想要这样的东西,其中周视图中特定时间的背景以不同的颜色显示。

在此处输入图像描述

需要建议/帮助。

谢谢。

请通过此stackblitz 演示提出更改建议。

0 投票
1 回答
3625 浏览

html - 周视图小时段角度日历

我需要以用户可以配置的 15 间隔显示小时数。

我尝试了下面的方式,但显示如下:

在此处输入图像描述

我需要以 15 或 30 分钟的间隔显示:15: 15 - 15:30 - 15:45

html组件:

scss:

0 投票
0 回答
310 浏览

angular - Angular 日历:在调整大小事件时删除了 beforeWeekViewRender 事件中添加的自定义 css

在 resize 事件中,自定义 css 类被删除,并且在 mouseup 上, beforeWeekViewRender 被触发,并且连续地,自定义 css 被重新添加。这发生在周视图中。

我可以找到问题的根本原因。在日视图中工作正常。

`在.html中

`

`

In .ts

`

`

在调整大小事件期间,不应删除 css

0 投票
1 回答
3628 浏览

angular - 用于 WEEK 视图的 Angular 6+ 日历自定义事件模板不起作用

我正在研究角度 6+ 日历。我想添加自定义事件模板,但它不起作用。实际上我想添加一个进度条以及标题和操作按钮,这个自定义 eventTemplate 不起作用,周视图中没有显示任何事件,也没有错误。我究竟做错了什么?或者在标题中添加 html 的任何其他方式?我尝试在标题中添加 html(进度条),而 angular 只是不允许添加 html。感谢帮助。这是我的代码:

0 投票
2 回答
669 浏览

angular - 在角度日历视图中获取日期范围

我目前正在为 UI 中的日期视图使用 angular-calendar 包。我在获取视图的日期范围(开始日期和结束日期)时遇到问题,即如果我当前处于月度视图中,那么我想要月度视图的开始日期和结束日期以及周视图的开始日期和结束日期(开始日期)一周的结束日期和一周的结束日期)。我怎样才能实现它?我必须根据日历视图的开始日期和结束日期进行 API 调用。