B/S端界面控件DevExtreme v22.2新功能 – 如何在日历中显示周数？

在最新的

DevExpress技术交流群7：674691612      欢迎一起进群讨论

显示周数(列)

要显示周数(列)，只需启用showWeekNumbers属性：

React

<Calendar ...showWeekNumbers={true}/>

配置周数规则

开发者可以使用weekNumberRule属性指定用于周枚举的规则，取值范围如下：

• firstDay
• firstFourDays
• fullWeek
• auto (默认)

Angular

<dx-calendar ...[showWeekNumbers]="true"weekNumberRule="fullWeek"></dx-calendar>

“First Day” 规则

一年的第一周是包含1月1日的那一周。

“First Four Days” 规则

一年的第一周是指从以下前四个工作日中的某一天开始的一周：周一、周二、周三或周四，该规则在ISO 8601标准中定义。如果一年的第一周开始于星期五、星期六或星期日，则这一周被认为是上一年的最后一周。

“Full Week”规则

一年的第一个星期是以匹配firstDayOfWeek 选项值的日期开始的那一周，例如，如果一周的第一天是星期天，那么一年的第一周就从第一个星期天开始。

默认规则

该规则由地区驱动，如果一个星期从星期一开始，则应用第一个四天规则。否则，firstDay规则生效。

例如，如果用户生活在美国、韩国或印度，则使用firstDay规则。如果用户居住在法国或英国，则适用第一个四天规则。

自定义规则

开发者可以实现自己的周枚举逻辑，为此请使用cellTemplate函数。有关更多信息，请参阅weekNumberRule API部分中的自定义规则实现。