本記事では、DatePicker の「年」「月」「日」の表示/非表示を制御する方法について説明します。
環境
開発環境 | Microsoft Visual Studio Professional 2019 Preview Version 16.11.0 Preview 3.0 |
Framework | Microsoft .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:
コメント