如何修改WPF DatePicker日历特定元素的字体大小

要修改DatePicker弹出日历的年月栏和星期行字体，需要直接调整Calendar控件的模板（DatePicker的弹出面板本质是Calendar控件），仅修改DatePicker或CalendarItem的全局字体无法覆盖这两个区域。以下是具体实现步骤：

1. 获取完整的Calendar控件模板 #

在Visual Studio中右键点击DatePicker，依次选择「编辑模板 → 编辑附加模板 → 编辑CalendarStyle → 复制当前值」，导出完整的Calendar样式代码到项目中。

2. 修改年月栏（顶部标题）字体 #

在导出的Calendar ControlTemplate里找到<CalendarItem>节点，其内部Header区域包含年月显示按钮和切换按钮，针对以下元素设置FontSize：

• 显示年月的CalendarButton（通常命名为PART_MonthYearButton）
• 左右切换年月的CalendarButton（命名为PART_PreviousButton、PART_NextButton）

示例代码片段：

<CalendarButton x:Name="PART_PreviousButton"
                FontSize="36"
                HorizontalAlignment="Left"
                Style="{StaticResource PreviousNextCalendarButtonStyle}"/>
<CalendarButton x:Name="PART_MonthYearButton"
                FontSize="36"
                Grid.Column="1"
                Style="{StaticResource MonthYearCalendarButtonStyle}"/>
<CalendarButton x:Name="PART_NextButton"
                FontSize="36"
                Grid.Column="2"
                HorizontalAlignment="Right"
                Style="{StaticResource PreviousNextCalendarButtonStyle}"/>

3. 修改星期行字体 #

在CalendarItem的ControlTemplate中找到名为DayOfWeekHeader的Grid容器，其内部包含星期几的文本元素，针对每个星期对应的TextBlock设置FontSize：

示例代码片段：

<Grid x:Name="DayOfWeekHeader" Grid.Row="1" Margin="5,0,5,0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <!-- 其余6列定义 -->
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Column="0"
               FontSize="36"
               Text="{Binding ConverterParameter=Sun, Converter={x:Static System:DateTimeFormatInfo.CurrentInfo}, Path=AbbreviatedDayNames[0]}"
               HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <!-- 其余星期TextBlock同理设置FontSize -->
</Grid>

若你的模板中星期行使用CalendarDayButton实现，需在其Style中针对IsDayOfWeek状态设置字体：

<Style x:Key="CalendarDayButtonStyle" TargetType="{x:Type CalendarDayButton}">
    <Setter Property="FontSize" Value="36"/>
    <Style.Triggers>
        <Trigger Property="IsDayOfWeek" Value="True">
            <Setter Property="FontSize" Value="36"/>
        </Trigger>
    </Style.Triggers>
</Style>

4. 将修改后的Calendar样式关联到DatePicker #

在DatePicker的Style中指定使用修改后的Calendar样式：

<Style x:Key="CustomDatePickerStyle" TargetType="{x:Type DatePicker}">
    <Setter Property="CalendarStyle" Value="{StaticResource CustomCalendarStyle}"/>
    <!-- 保留你已有的其他样式设置 -->
</Style>

内容的提问来源于stack exchange，提问作者SteMMo