Selector de horaTime picker

El selector de hora te ofrece una forma estandarizada de permitir a los usuarios seleccionar una hora mediante entrada táctil, de mouse o de teclado.The time picker gives you a standardized way to let users pick a time value using touch, mouse, or keyboard input.

Ejemplo de selector de hora

Obtención de la biblioteca de la interfaz de usuario de WindowsGet the Windows UI Library

Logotipo de WinUI

La biblioteca de interfaz de usuario de Windows 2.2 o posterior incluye una nueva plantilla para este control que usa esquinas redondeadas.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Para obtener más información, consulta Radio de redondeo.For more info, see Corner radius. WinUI es un paquete NuGet que contiene nuevas características de interfaz de usuario y controles para aplicaciones de Windows.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Para obtener más información e instrucciones sobre la instalación, consulta el artículo Windows UI Library (Biblioteca de interfaz de usuario de Windows).For more info, including installation instructions, see Windows UI Library.

API de plataforma: Clase TimePicker, propiedad TimePlatform APIs: TimePicker class, Time property

¿Es este el control adecuado?Is this the right control?

Usa un selector de hora para permitir que el usuario seleccione un único valor de hora.Use a time picker to let a user pick a single time value.

Para obtener más información sobre cómo elegir el control adecuado, consulta el artículo Controles de fecha y hora.For more info about choosing the right control, see the Date and time controls article.

EjemplosExamples

XAML Controls GalleryXAML Controls Gallery
XAML controls gallery

Si tienes instalada la aplicación XAML Controls Gallery, haz clic aquí para abrir la aplicación y ver TimePicker en acción.If you have the XAML Controls Gallery app installed, click here to open the app and see the TimePicker in action.

El punto de entrada muestra la hora elegida y, cuando el usuario lo selecciona, se expande una superficie del selector en sentido vertical desde el medio para que el usuario realice una selección.The entry point displays the chosen time, and when the user selects the entry point, a picker surface expands vertically from the middle for the user to make a selection. El selector de hora se superpone a otra interfaz de usuario; no hace que la otra interfaz desaparezca.The time picker overlays other UI; it doesn't push other UI out of the way.

Ejemplo de expansión del selector de hora

Crear un selector de horaCreate a time picker

En este ejemplo, se muestra cómo crear un sencillo selector de hora con un encabezado.This example shows how to create a simple time picker with a header.

<TimePicker x:Name="arrivalTimePicker" Header="Arrival time"/>
TimePicker arrivalTimePicker = new TimePicker();
arrivalTimePicker.Header = "Arrival time";

El selector de hora resultante tiene este aspecto:The resulting time picker looks like this:

Ejemplo de selector de hora

Nota

Para obtener información importante sobre los valores de fecha y hora, consulta Valores de DateTime y Calendar en el artículo Controles de fecha y hora.For important info about date and time values, see DateTime and Calendar values in the Date and time controls article.

Obtención del código de ejemploGet the sample code