问题标签 [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.
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 触发器?我觉得事件检测认为同一天的一个事件上的鼠标单击+鼠标单击将始终被视为单击,即使单击鼠标时事件的时隙与单击鼠标时的时隙不同释放鼠标单击时的事件。
我觉得在鼠标单击和鼠标释放之间添加一种“延迟检测”来定义它是否应该被视为单击或事件的“按住然后释放”应该足以作为一种解决方法,但我没有不知道怎么把它放在一起。
提前谢谢你
angular - 如何在 Angular 中使用 mat-calendar 实现日期范围选择器
我想在 Angular 中使用 mat-calendar 实现一个 Daterange 选择器。我无法以正确的方式实现它。任何人都可以在这方面帮助我。
我的html代码:
我的 Ts 代码:
angular - 我如何获得今天、下一个和上一个按钮的更改事件?
我正在使用angular-calendar
插件在日历中显示我的事件,但我希望它是可能的更改事件?
angular-calendar - 跨天的角度日历拖动事件
我觉得这有点远,但我还是会问。
我有一个显示angular-calendar day-view-scheduler的组件。我使用它来显示任何给定日期的视图以及在该特定日期安排的事件。我得到的要求之一是将此日视图调度程序应用于周视图,以便它显示本周正在发生的事情的更高级别的视图。我修改了周视图以显示日视图调度程序组件,而不是像通常那样显示单个列。
除了能够将事件从一天拖放到另一天之外,我可以根据需要进行这项工作。当我尝试将它们拖过日期边界时,这些事件不会跟随光标,它们基本上卡在日期列中,这让我感到困惑和不走运。
以下是与本周视图组件关联的 html 代码:
我的猜测是与 mwlDroppable 相关的某种限制器或边界,我只是不确定如何删除它。任何输入或见解将不胜感激。
angular11 - 时间轴视图转移到水平视图角度日历
angular - 无法在事件预览中显示操作按钮。¿ 我忘记了什么?
我正在制作一个带有在日历中显示事件的组件的 Angular 应用程序,所以我决定使用 angular-calendar 作为视图。在飞蛾视图中,有一个选项可以显示一天中的所有事件并允许修改/删除事件。但是,我无法显示操作按钮,因此无法显示相应的对话框。
角度日历示例截图:
我的应用示例截图:
为了实现这一点,我按照示例添加了一个带有修改和删除选项的 CalendarEventAction[],并像这样添加到我的示例事件中(我没有包含所有代码):
日历.component.ts:
}
日历.component.html:
但是,按钮没有出现,我不知道是什么问题。
有什么建议吗?
angular - 角度角度日历新视图
几天以来,我一直在尝试重建现有视图“日视图日历”。我想在左侧显示用户,在顶部显示从星期一到星期五的星期几。不幸的是,我失败了。有没有人实现过类似的东西或者可以进一步帮助我?它是关于以下组件