详细语法参考
commandBarProps
对命令栏自定义选项进行分组。 有关 commandBarProps的详细信息，请参阅 命令栏自定义语法参考
另请参阅
![重要] 先决条件：在创建日历视图和应用 JSON 格式设置之前列出设置
- 在创建新的日历视图之前，列表应包含要在任何 JSON 格式中使用的所有必需列。
- 创建日历视图后，如果需要更多列，请转到 “列表设置”页 以创建这些列并将其添加到日历视图。
基于特定列的条件视图格式
下图显示了基于名为“项目”的单一选择列应用于日历视图的条件格式示例：
![注意]在创建新的日历视图之前，请确保 PROJECT 列已存在，以应用下面所示的 JSON 代码。 或者，转到 “列表设置”页 ，创建单一选择“PROJECT”列并将其添加到日历视图中。
在此示例中，“项目”列具有以下选项：
- 项目 A
- 项目 B
- 项目 C
- 项目 D
- 项目 E
下面的 JSON 代码利用 SharePoint Online 新式 UI 类通过 Excel 样式表达式语法应用颜色、边框和悬停效果：
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/calendar-formatting.schema.json",
"additionalEventClass": "=if([$PROJECT] =='Project A' && @isSelected == false, 'sp-css-backgroundColor-successBackground50 sp-css-color-BlackText sp-css-borderColor-GreenText ms-bgColor-sharedGreenCyan10--hover ms-fontColor-white--hover', if([$PROJECT] =='Project A' && @isSelected == true, 'ms-bgColor-green sp-css-color-WhiteText', if([$PROJECT] =='Project B' && @isSelected == false, 'sp-css-backgroundColor-BgPeach sp-css-color-BlackText sp-css-borderColor-RedText ms-bgColor-sharedRed10--hover ms-fontColor-white--hover', if([$PROJECT] =='Project B' && @isSelected == true, 'sp-css-backgroundColor-redDark sp-css-color-WhiteText', if([$PROJECT] =='Project C' && @isSelected == false, 'sp-css-backgroundColor-BgGold sp-css-color-BlackText sp-css-borderColor-BrownText ms-bgColor-yellow--hover ms-fontColor-white--hover', if([$PROJECT] =='Project C' && @isSelected == true, 'ms-bgColor-sharedOrange10 sp-css-color-BlackText', if([$PROJECT] =='Project D' && @isSelected == false, 'ms-bgColor-communicationTint20 sp-css-color-BlackText sp-css-borderColor-BlueText ms-bgColor-sharedCyanBlue10--hover ms-fontColor-white--hover', if([$PROJECT] =='Project D' && @isSelected == true, 'sp-css-backgroundColor-BlueText sp-css-color-WhiteText', if([$PROJECT] =='Project E' && @isSelected == false, 'sp-css-backgroundColor-BgLilac sp-css-color-BlackText sp-css-borderColor-DarkPurpleText ms-bgColor-sharedBlueMagenta20--hover ms-fontColor-white--hover', if([$PROJECT] =='Project E' && @isSelected == true, 'sp-css-backgroundColor-BgPurple sp-css-color-WhiteText', if(@isSelected == false, 'sp-css-backgroundColor-neutralBackground20 sp-css-color-BlackText ms-bgColor-neutralTertiaryAlt--hover ms-fontColor-black--hover', 'sp-css-backgroundColor-neutralTertiary sp-css-color-WhiteText')))))))))))"
}
下面的 gif 图像显示了最终结果：
