具有指定日期/时间范围的角度日期时间选择器

Question

我目前正在为我在大学组织的屏幕修复服务构建应用程序。使用在线工具，用户可以安排预约来维修他们的设备。

对于调度过程，我正在寻找一个可以接受以下选项的 Angular 日期时间选择器组件：

• 用户应该只能选择工作日

• 应该只允许选择 9:00 - 16:00 之间的时间。每次维修大约需要 30 分钟，因此只能在 XX:30 / XX:00 进行预约，并且应始终持续 30 分钟。

• 如果可能，从 firebase 异步获取当前约会并在 UI 中禁用那些 XX:30 时间跨度

我一直在寻找日期时间选择器，但找不到任何符合前 2 个标准的方法。因此，我在这里问是否有人一直在与接受（至少前两个标准）这些选项的人合作。

提前致谢！

Answer 1

你可以使用 npm 包管理器它提供了很多选项来禁用周末的日期等等：

https://www.npmjs.com/package/ng-pick-datetime

Answer 2

您可以使用Angular Material datepicker。

要实施第 1 点和第 2 点的要求，请查看answer。