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

angular - Angular Material 无法更改 mwl-calendar-week-view 中的 eventCalendar 宽度

我正在使用 Angular 日历并显示日历事件,对于周视图,我想根据 ts 组件中的变量动态更改事件宽度,但我未能实现这一点。

这是周视图的代码

我尝试向日历周元素添加一些样式属性,例如 [style.width.%]="value" 或 [style.width.px]="value" 但事件宽度仍然是 fix 。

我想要实现的与第 169 行中的这个 stackblitz 项目完全相同:https ://stackblitz.com/edit/angular-ukwpj8-xjmtxl?file=demo%2Fcustom-week-view.component.ts

但是这个项目结构与我的项目结构有点不同,所以我如何在我的项目中实现这一点

0 投票
0 回答
43 浏览

angular - mattlewis92 在 Angular 日历中设置当前日期

我找不到在日历中移动当前日期的方法,无论它是什么视图。

我尝试更改 viewDate 但它所做的只是移动焦点日期。我想移动组件识别的电流,比如日期单元格中的绿色背景。

在此处输入图像描述

关于代码可以参考官方示例:https ://mattlewis92.github.io/angular-calendar/#/kitchen-sink

0 投票
1 回答
116 浏览

javascript - 如何在角度日历事件上设置 onHover 事件?

我正在为我的角度项目使用日历模块:https ://github.com/mattlewis92/angular-calendar

我能够在日历内的一天中设置 onClick 事件(显示模式),但我想在悬停这一天时显示模式。

如何设置onHover事件,当用户悬停事件(日历中的日期)时调用该事件?

0 投票
0 回答
12 浏览

angular - 如何修复角度日历中的拖放

我正在尝试在我的 Angular 项目中实现angular-calendar 。除了拖放动画外,一切都很好。正如您在图片中看到的,拖动事件的动画不正确,它仅在结束时更新事件的位置,而不是在拖动期间(对于 x 轴)。

我复制了这个例子day-view-scheduler并且你可以看到动画是正确的。

会是什么? 拖动动画

0 投票
0 回答
78 浏览

javascript - 更改角度日历中的每日视图

我正在尝试更改角度日历中的每日视图。/

在此链接中实现库后:

https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler

在这个链接中,我有一个带有水平数据和垂直数据的日历,

我的目标是:我想用垂直数据切换水平数据,所以在更新后:

在html中更改了一段时间后,我无法做到!

有什么建议吗?

0 投票
0 回答
26 浏览

angular - 如何在周视图中的全天显示当前日期标记

我正在使用Angular 中的https://github.com/mattlewis92/angular-calendar npm 包在周视图中显示日历。

在此,有一个功能可以显示当前的白天标记,如下面的屏幕截图所示。

在此处输入图像描述

我的要求是在当前时间全天显示此标记。是否可以在所有日子中显示当前日期标记而不仅仅是当前日期?还是有其他方法可以达到同样的效果?

在此处输入图像描述

现在我得到如下截图所示?