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

スポンサーリンク

本記事の概要

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

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

月表示の例

月表示の例

年表示の例

年表示の例

10年表示の例

10年表示の例

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

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

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

説明
Monthカレンダーに一月ずつ表示します
Yearカレンダーに一年ずつ表示します
Decadeカレンダーに10年ずつ表示します

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

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年表示の例

10年表示の例

Please follow and like us:

コメント

タイトルとURLをコピーしました