[WPF] Hướng dẫn sử dụng DatePicker trong WPF

Để sử dụng DatePicker trong WPF như hình trên, các bạn thực hiện theo các bước như dưới đây:

Bước 1: Tạo một dự án WPF mới

Bước 2: Thêm đoạn mã XAML như dưới đây

<Window x:Class="WpfApplication12.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DatePicker HorizontalAlignment="Left"
                    Margin="10,10,0,0"
                    VerticalAlignment="Top"
                    SelectedDateChanged="DatePicker_SelectedDateChanged"/>
    </Grid>
</Window>

Bước 3: Bổ sung đoạn code C# như sau:

using System;
using System.Windows;
using System.Windows.Controls;

namespace WpfApplication12
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void DatePicker_SelectedDateChanged(object sender,
            SelectionChangedEventArgs e)
        {
            // ... Get DatePicker reference.
            var picker = sender as DatePicker;

            // ... Get nullable DateTime from SelectedDate.
            DateTime? date = picker.SelectedDate;
            if (date == null)
            {
                // ... A null object.
                this.Title = "No date";
            }
            else
            {
                // ... No need to display the time.
                this.Title = date.Value.ToShortDateString();
            }
        }
    }
}

Bước 4: Nhấn F5 để chạy chương trình và thu được kết quả như trên hình

Chúc các bạn ngày mới vui vẻ.