CHashtag

[C# WPF] DateTimePicker 사용방법 (시분초까지 선택하는법) 본문

C#/WPF

[C# WPF] DateTimePicker 사용방법 (시분초까지 선택하는법)

HyoSeong 2021. 7. 19. 15:50
반응형

안녕하세요.

 

이전 게시글 (https://chashtag.tistory.com/77) 에서는 DatePicker에 대해 알아보았습니다.

 

[C#] [WPF] MVVM패턴에서의 DatePicker 사용방법

안녕하세요. 오늘은 WPF에서 날짜를 선택할 수 있는 Control인 DatePicker에 대해 알아보고 간단한 MVVM패턴에서의 사용방법까지 배워보도록 하겠습니다. DatePicker DatePicker는 WPF기본 제공 Control입니다. (

chashtag.tistory.com

하지만 DatePicker는 년 월 일 까지만 선택이 가능하고 시, 분, 초는 선택이 불가능하다는 단점이 존재합니다.

 

그래서 오늘은 DateTimePicker에 대해 알아보려고 합니다.

 

 

DateTimePicker


DateTimePicker는 WPF 기본 제공 Control이 아닙니다.

DateTimePicker를 사용하기 위해서는 별도의 Package를 다운받아야 하는데, 그 Package의 이름은 "Extended.Wpf.Toolkit" 입니다.

(해당 라이브러리는 상업적 목적으로 이용하실 수 없습니다.)

(https://github.com/xceedsoftware/wpftoolkit/blob/master/license.md)

(상업적 목적으로 이용하시려는 경우에는 https://xceed.com/en/our-products/product/toolkit-plus-for-wpf/ 에서 구매하신 후 사용하셔야 하니 참고 바랍니다.)

 

 

사용방법


사용방법은 DatePicker와 조금 다릅니다.

 

SelectedDate 속성을 사용하던 DatePicker와는 다르게, Value라는 속성을 이용하여 선택된 DateTime값을 얻을 수 있습니다.

 

또한 DateTimePicker Control을 이용하기 위해선 xmlns를 추가해주어야 합니다.

 

<Window x:Class="WPF_DateTimePicker.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:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        xmlns:local="clr-namespace:WPF_DateTimePicker"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <xctk:DateTimePicker Height="30" Width="300" Value="{Binding SelectedDateTime}"/>
    </Grid>
</Window>

 

(ViewModel 구현부분은 글의 주제와 벗어나 생략하도록 하겠습니다.)

 

 

감사합니다.

반응형