[WinUI 3][CalendarDatePicker] 曜日ヘッダーの表示形式を設定する

今回は、曜日ヘッダーの表示形式を設定する方法について説明します。

環境

曜日ヘッダーの表示形式を変更する

CalendarDatePicker の曜日ヘッダーの表示書式は DayOfWeekFormat プロパティで変更することができます。

既定値では「日、月、火…」のように表示され、「{}{dayofweek.abbreviated(3)}」を指定した場合は、「日曜日、月曜日、火曜日…」のように表示されます。

XAMLのコード例は以下の通りです。

<Window
    x:Class="CalendarDatePickerSample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CalendarDatePickerSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    mc:Ignorable="d">

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top">
        <CalendarDatePicker x:Name="calendarDatePicker1" Header="既定の曜日ヘッダー" Margin="10"/>
        <CalendarDatePicker x:Name="calendarDatePicker2" Header="フォーマット指定" DayOfWeekFormat="{}{dayofweek.abbreviated(3)}"/>
    </StackPanel>
</Window>

C#の例は以下の通りです。

public MainWindow()
{
    this.InitializeComponent();
    calendarDatePicker1.DayOfWeekFormat = "";
    calendarDatePicker2.DayOfWeekFormat = "{}{dayofweek.abbreviated(3)}";
}

曜日のフォーマット設定C

WinUI 3 Tips一覧

WinUI 3 のTips 一覧はこちら

Please follow and like us: