Selezione dataDate picker

Il controllo selezione data ti offre un modo standardizzato per permettere agli utenti di selezionare un valore di data localizzato tramite tocco, mouse o input da tastiera.The date picker gives you a standardized way to let users pick a localized date value using touch, mouse, or keyboard input.

Esempio di selezione data

Ottenere la libreria dell'interfaccia utente di WindowsGet the Windows UI Library

Logo WinUI

La libreria dell'interfaccia utente di Windows 2.2 o versioni successive include un nuovo modello per questo controllo che usa angoli arrotondati.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Per altre informazioni, vedere Raggio dell'angolo.For more info, see Corner radius. WinUI è un pacchetto NuGet che contiene nuovi controlli e funzionalità dell'interfaccia utente per le app di Windows.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Per altre informazioni, incluse le istruzioni per l'installazione, vedi Libreria dell'interfaccia utente di Windows.For more info, including installation instructions, see Windows UI Library.

API della piattaforma: Classe DatePicker, Proprietà DatePlatform APIs: DatePicker class, Date property

È il controllo giusto?Is this the right control?

Usa un controllo selezione data per consentire a un utente di selezionare una data nota, ad esempio una data di nascita, quando il contesto del calendario non è importante.Use a date picker to let a user pick a known date, such as a date of birth, where the context of the calendar is not important.

Per altre info su come scegliere il controllo data giusto, vedi l'articolo Controlli di data e ora.For more info about choosing the right date control, see the Date and time controls article.

EsempiExamples

Raccolta di controlli XAMLXAML Controls Gallery
XAML controls gallery

Se è installata l'app XAML Controls Gallery, fai clic qui per aprirla e vedere DatePicker in azione.If you have the XAML Controls Gallery app installed, click here to open the app and see the DatePicker in action.

Il punto di ingresso visualizza la data scelta. Quando l'utente lo seleziona, dal centro si espande in verticale una superficie di selezione che consente all'utente di effettuare una selezione.The entry point displays the chosen date, and when the user selects the entry point, a picker surface expands vertically from the middle for the user to make a selection. Il controllo selezione data si sovrappone alle altre parti dell'interfaccia utente, non le sposta.The date picker overlays other UI; it doesn't push other UI out of the way.

Esempio di controllo selezione data espanso

Creare un controllo selezione dataCreate a date picker

Questo esempio mostra come creare un controllo selezione data semplice con un'intestazione.This example shows how to create a simple date picker with a header.

<DatePicker x:Name="birthDatePicker" Header="Date of birth"/>
DatePicker birthDatePicker = new DatePicker();
birthDatePicker.Header = "Date of birth";

Il controllo selezione data risultante ha questo aspetto:The resulting date picker looks like this:

Esempio di selezione data

Nota  Per info importanti sui valori di data, vedi la sezione Valori DateTime e Calendar nell'articolo sui controlli di data e ora.Note  For important info about date values, see DateTime and Calendar values in the Date and time controls article.

Scaricare il codice di esempioGet the sample code