在这篇文章中，我们将深入研究我的一页日历应用程序背后的逻辑。在设计界面之前，建立功能至关重要。通过将日历分解为子组件，我可以为我们的应用程序奠定坚实的基础。让我们探索一下月份表、星期名称和日期数字以及它们背后的结构。
月份表
为了组织月份（图像的蓝色部分），我将根据每个月的第一天对它们进行分组，并与工作日表对齐。例如，如果 2023 年 7 月 1 日是星期六，则 7 月应出现在月份表的最后一列中。我将开发生成数组的逻辑，按标志着月份开始的工作日对月份进行分组。
工作日名称表
该组件很简单，在 7x7 网格（图像的黄色部分）中显示工作日的名称，并将每行的日期向右移动一位。我将在专门的视图中处理这个问题。
日数表
天数将形成一个静态表，其中 31 天分布在五列中（图像的红色部分）。这可以在单独的视图中方便地实现。
构建应用程序
我将介绍“SelectedDate”类，它不仅存储所选日期，而且还有助于突出显示相应的工作日。此类将所选日期公开为已发布变量，使视图能够在日期更改时订阅和更新。此外，该类还包括“getMonthGroups”方法，负责按第一天的工作日对月份进行分组。提供的代码片段演示了此方法的实现。在“SelectedDate”代码片段中，日历设置为广泛使用的公历，以确保兼容性。此外，区域设置被设置为简化月份名称检索，以适应本地化的月份表