[WPF][Calendar] カレンダーの表示を月、年、１０年で切り替えをする

本記事の概要

この記事では、WPF の Calendar で使用できる日付の開始日と終了日を設定する方法について説明します。

公式サイト情報はコチラ を参照してください。

月表示の例

年表示の例

10年表示の例

カレンダーの表示を月、年、１０年で切り替えをするには？

WPF の Calendar 表示は、DisplayMode プロパティを使用して月、年、１０年の切替をすることで来ます。既定値は「月」が設定されています。

DisplayMode プロパティには、以下に示す CalendarMode 列挙体の値を設定することができます。

以下は、「月」「年」「10年」の３つのラジ歩ボタンを配置し、押下された値でカレンダーの表示を切り替える例です。

XAMLの例

<Window x:Class="WpfSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfSample"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="250">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"/>
            <RowDefinition/>
            <RowDefinition Height="25" />
        </Grid.RowDefinitions>

        <StackPanel Orientation="Horizontal" Grid.Row="0">
            <RadioButton x:Name="rdoMonth" Content="月" Checked="rdoMonth_Checked"/>
            <RadioButton x:Name="rdoYear" Content="年" Checked="rdoYear_Checked"/>
            <RadioButton x:Name="rdoDecade" Content="10年" Checked="rdoDecade_Checked"/>
        </StackPanel>
        <Calendar x:Name="myCalendar" Grid.Row="1" />
        <TextBlock x:Name="txbStatus" Grid.Row="2" />
    </Grid>
</Window>

C# の例

private void rdoMonth_Checked(object sender, RoutedEventArgs e)
{
    // 月表示にする
    myCalendar.DisplayMode = CalendarMode.Month;
}

private void rdoYear_Checked(object sender, RoutedEventArgs e)
{
    // 年表示にする
    myCalendar.DisplayMode = CalendarMode.Year;
}

private void rdoDecade_Checked(object sender, RoutedEventArgs e)
{
    //10年表示にする
    myCalendar.DisplayMode = CalendarMode.Decade;
}

月表示の例

年表示の例

10年表示の例

Please follow and like us: