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

angular - 无法在角度日期选择器中选择日期

我正在使用 angularx-flatpickr 作为日期选择器

我无法在日期选择器中选择日期,当我将鼠标悬停在日期上时,它会显示禁止图标 日期选择器图像

html:

编辑:当我检查元素时它显示“flatpickr-disabled”

但无法从它的来源获得。

0 投票
1 回答
241 浏览

angular - 如何为 Angular 8 中的预订活动创建日历视图

我想使用 angular 8 创建如图所示的日历视图,它可以提供以下功能:-

  1. 它应该有 24 小时时间格式。
  2. 1 小时应分为 4 个单元,每个单元 15 分钟。

在此处输入图像描述

0 投票
1 回答
115 浏览

angular - 使用角度日历拖放事件时防止 eventClick 触发

当我的事件既可拖动又可点击时,我使用角度日历对 (eventClicked) 和 (eventTimesChanged) 的当前绑定存在问题。

注意:这种行为似乎发生在 Firefox v84.0.2 而不是 Chrome v87.0.4280.88

将一个事件从一个时隙拖到另一个时隙有时会触发 eventTimesChanged AND eventClicked,而此时只有第一个是预期的。

出现这种情况:

  • 观看DAY , 每次
  • 在视图WEEK上,如果您将事件拖到同一天

使用 此 stackblitz 沙箱并遵循以下场景,您可以了解该行为:

  • 在查看 WEEK 中,单击事件。控制台按预期输出 eventClicked
  • 在视图 WEEK 中,将事件从一天拖到另一天。控制台按预期输出 eventTimesChanged
  • 在视图 WEEK 上,将事件从一天拖到其自身(通过将其放置在同一天的另一个时间段上)。控制台按预期输出 eventTimesChanged,但也输出不需要的 eventClicked
  • 在查看 DAY,单击事件。控制台按预期输出 eventClicked
  • 在视图 DAY 上,将事件拖到另一个时间段。控制台按预期输出 eventTimesChanged,但也输出不需要的 eventClicked

有没有办法在同一天拖放后阻止这个 eventClicked 触发器?我觉得事件检测认为同一天的一个事件上的鼠标单击+鼠标单击将始终被视为单击,即使单击鼠标时事件的时隙与单击鼠标时的时隙不同释放鼠标单击时的事件。

我觉得在鼠标单击和鼠标释放之间添加一种“延迟检测”来定义它是否应该被视为单击或事件的“按住然后释放”应该足以作为一种解决方法,但我没有不知道怎么把它放在一起。

提前谢谢你

0 投票
3 回答
3415 浏览

angular - 如何在 Angular 中使用 mat-calendar 实现日期范围选择器

我想在 Angular 中使用 mat-calendar 实现一个 Daterange 选择器。我无法以正确的方式实现它。任何人都可以在这方面帮助我。

我的html代码:

我的 Ts 代码:

0 投票
1 回答
105 浏览

angular - 我如何获得今天、下一个和上一个按钮的更改事件?

我正在使用angular-calendar插件在日历中显示我的事件,但我希望它是可能的更改事件?

0 投票
0 回答
464 浏览

angular-calendar - 跨天的角度日历拖动事件

我觉得这有点远,但我还是会问。

我有一个显示angular-calendar day-view-scheduler的组件。我使用它来显示任何给定日期的视图以及在该特定日期安排的事件。我得到的要求之一是将此日视图调度程序应用于周视图,以便它显示本周正在发生的事情的更高级别的视图。我修改了周视图以显示日视图调度程序组件,而不是像通常那样显示单个列。

在此处输入图像描述

除了能够将事件从一天拖放到另一天之外,我可以根据需要进行这项工作。当我尝试将它们拖过日期边界时,这些事件不会跟随光标,它们基本上卡在日期列中,这让我感到困惑和不走运。

以下是与本周视图组件关联的 html 代码:

我的猜测是与 mwlDroppable 相关的某种限制器或边界,我只是不确定如何删除它。任何输入或见解将不胜感激。

0 投票
0 回答
134 浏览

angular11 - 时间轴视图转移到水平视图角度日历

如何在角度日历中将日历时间轴视图(周和日)垂直模式转换为水平。我使用的是angular-calendar最新版本。

截图:: https://nimb.ws/Ll79RB

版本

角度:: 11.2.0

角度日历:: 0.28.22

你能帮助我吗?

0 投票
1 回答
431 浏览

angular - 无法在事件预览中显示操作按钮。¿ 我忘记了什么?

我正在制作一个带有在日历中显示事件的组件的 Angular 应用程序,所以我决定使用 angular-calendar 作为视图。在飞蛾视图中,有一个选项可以显示一天中的所有事件并允许修改/删除事件。但是,我无法显示操作按钮,因此无法显示相应的对话框。

角度日历示例截图:

在此处输入图像描述

我的应用示例截图:

在此处输入图像描述

为了实现这一点,我按照示例添加了一个带有修改和删除选项的 CalendarEventAction[],并像这样添加到我的示例事件中(我没有包含所有代码):

日历.component.ts:

}

日历.component.html:

但是,按钮没有出现,我不知道是什么问题。

有什么建议吗?

0 投票
0 回答
50 浏览

angular - 如何将数据添加到日历

我正在为我的项目使用 Angular,我必须创建日历弹出窗口。但我需要向这个日历添加数据和图标。我正在使用角度日历来自定义日历。但我只是在我的模板中添加了日历。我不知道下一步该怎么做。有人可以帮助我吗?
这是我需要的结果示例。每月每个数据的 api 数据将决定向上或向下的箭头。 在此处输入图像描述

0 投票
0 回答
38 浏览

angular - 角度角度日历新视图

几天以来,我一直在尝试重建现有视图“日视图日历”。我想在左侧显示用户,在顶部显示从星期一到星期五的星期几。不幸的是,我失败了。有没有人实现过类似的东西或者可以进一步帮助我?它是关于以下组件

https://angular-calendar.com/#/day-view-scheduler