[WinUI 3][TimePicker] 選択されている時刻を取得する

本記事では、TimePicker で選択されている時刻を取得する方法について説明します。

環境

TimePicker 上で選択されている時刻を取得する

TimePicker 上で選択されている時刻を取得するには SelectedTime プロパティを使用します。

以下は、現在選択されている時刻を取得する例です。

この例では、Button がクリックされた時に SelectedTime プロパティを値を取得して TextBlock に表示します。

XAML

<Window
    x:Class="TimePickerSample.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">
        
        <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Top">
            <TimePicker x:Name="myTimePicker" ClockIdentifier="12HourClock" />
            <Button x:Name="myButton" Content="時刻を取得" Click="myButton_Click" />
            <TextBlock x:Name="myTextBlock" />
        </StackPanel>
    </StackPanel>
</Window>

C#

public MainWindow()
{
    this.InitializeComponent();
    myTimePicker.Header = "時刻を選択";
}

private void myButton_Click(object sender, RoutedEventArgs e) 
{
    myTextBlock.Text = myTimePicker.SelectedTime.ToString(); 
}

選択されている時刻を取得する例

Please follow and like us: