我们可以在 Angular Calendar 中将开始时间设为早上 8 点，结束时间设为早上 7 点吗

【问题标题】：Can we use the Start Hour as 8 AM and End Hour as 7 AM in Angular Calendar我们可以在 Angular Calendar 中将开始时间设为早上 8 点，结束时间设为早上 7 点吗
【发布时间】：2022-12-21 17:58:21
【问题描述】：

Calendar Image 1 Calendar image 2

我正在使用 Angular Calendar，我想将日历的开始时间设置为早上 8 点，结束时间设置为早上 7 点。在角度日历中可以做类似的事情。我在这个特定问题上停留了很长时间，阅读文档后我没有任何想法。我在下面提供了代码结构。

尝试设置 dayStartHour 和 dayEndHour 输入选项时遇到什么特殊问题？
日历正在消失
如果这正是您正在使用的代码段，那么这段代码中存在语法错误。您在 eventClicked 事件中缺少左括号。
复制和粘贴代码时可能遗漏了。

【解决方案1】：

你的问题是什么 bcs 在文档中描述了如何使用 dayStartHour 和 dayEndHour

 /**
   * The day start hours in 24 hour time. Must be 0-23
   */
  @Input() dayStartHour: number = 0;

  /**
   * The day end hours in 24 hour time. Must be 0-23
   */
  @Input() dayEndHour: number = 23;

所以在你的情况下

在打字稿中 - ts 文件

dayStartHour: number = 5;
dayEndHour: number = 12;

这只是一个示例，您可以像文档中描述的那样在 o-23 范围内设置任何您想要的内容。

【讨论】：

我将开始时间和结束时间分别设置为 8 点和 7 点，但是当我这样做时日历完全消失了。准确地说，我希望开始时间是早上 8 点，结束时间是早上 7 点，所以最上面的时间是早上 8 点，最后的时间是早上 7 点。所以我的意思是我希望时间是从早上 8 点到早上 7 点，所以时间是早上 8 点（在日历顶部）、上午 9 点、上午 10 点……晚上 11 点、中午 12 点、凌晨 1 点、凌晨 2 点…… . 早上 6 点，早上 7 点（日历底部）
所以 dayStartHour 应该是 8，dayEndHour 应该是 19。Bcs of 24hour。
但是 19 意味着晚上 7 点不是，我想要早上 7 点
同样的问题在这里..任何解决方案？

分享于2022年12月29日 angular angular-calendar angular-material javascript 问答