[WinUI 3][DatePicker] 「年」「月」「日」の表示/非表示を制御する

スポンサーリンク

本記事では、DatePicker の「年」「月」「日」の表示/非表示を制御する方法について説明します。

スポンサーリンク

環境

開発環境Microsoft Visual Studio Professional 2019 Preview
Version 16.11.0 Preview 3.0
FrameworkMicrosoft .NET Framework Version 4.8.04084
その他Microsoft.Project Reunion 0.8.0-preview
Microsoft.ProjectReunion.Foundation 0.8.0-preview
Microsoft.ProjectReunion.WinUI 0.8.0-preview
Microsoft.UI.Xaml 2.6.1
スポンサーリンク

「年」「月」「日」の表示/非表示を制御する

DatePickerの「年」「月」「日」はそれぞれ表示/非表示を制御することができます。

表示/非表示の制御は YearVisible, MonthVisible, DayVisible のプロパティを使用します。 true を設定すると表示され、false を設定すると非表示になります。

以下は、月の部分だけを表示するために MonthVisible に true、それ以外は false を設定しています。

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

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

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Top">
        <DatePicker x:Name="myDatePicker"
                    YearVisible="False" MonthVisible="True" DayVisible="False"/>
    </StackPanel>
</Window>

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

public MainWindow()
{
    this.InitializeComponent();
    myDatePicker.YearVisible = false;
    myDatePicker.MonthVisible = true;
    myDatePicker.DayVisible = false;
}
「年」「月」「日」の表示/非表示を切り替える例

「年」「月」「日」の表示/非表示を切り替える例

Please follow and like us:

コメント

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