Compartir a través de

Calendar control

  • Artículo

Un control usado para ingresar valores de fecha.

Nota

La documentación completa y el código fuente se encuentran en el repositorio de componentes de código GitHub.

Control Calendario.

Description

Este componente de código proporciona un envoltorio alrededor del control Calendar de Fluent UI vinculado a un botón para su uso en aplicaciones de lienzo y páginas personalizadas.

Propiedades

Propiedades importantes

Property Description
SelectedDateValue El valor de la fecha que se preseleccionará o se seleccionará después del evento de cambio. Por ejemplo: Fecha de hoy: Today(), fecha basada en el idioma: DateValue("24/7/2022",Language()), idioma regional específico: DateValue("24/07/2022","en-GB")
ShowGoToToday Si la opción 'Ir a hoy' está visible
MonthPickerVisible Si el selector de mes es visible
DayPickerVisible Si el selector de día es visible
HighlightSelectedMonth Si el mes seleccionado está resaltado en el calendario
HighlightCurrentMonth Si el mes actual está resaltado en el calendario
ShowWeekNumbers Si los números de semana son visibles
ShowSixWeeksByDefault Si la sexta semana es visible de forma predeterminada.
MinDate Si se especifica un valor de fecha, no se permitirá la navegación más allá de esa fecha. Para ver el formato correcto, consulte el ejemplo proporcionado para Fecha seleccionada.
MaxDate Si se especifica un valor de fecha, no se permitirá la navegación más allá de esa fecha. Para ver el formato correcto, consulte el ejemplo proporcionado para Fecha seleccionada.
FirstDayOfWeek Seleccione el día que se mostrará como primer día de la semana en el calendario.

Propiedades de estilo

Property Descripción
Theme Acepta una cadena JSON que se genera usando Diseñador de temas de Fluent UI (windows.net). Si deja esto en blanco, usará el tema predeterminado definido por Power Apps. Para obtener ayuda sobre cómo configurarlo vea Tematización.
BackgroundColor Color de fondo para el componente. por ejemplo, blanco o #ffffff
AccessibilityLabel aria-label para lectores de pantalla

Propiedades de evento

Property Descripción
InputEvent Evento para enviar al control. por ejemplo, SetFocus. Consulte a continuación.

Behavior

Soporta SetFocus como un InputEvent.

Usando OnChange

Cuando se selecciona una fecha, el valor se puede obtener mediante la propiedad de salida selectedDate. A continuación se muestra un conjunto de código de muestra que se puede agregar en la propiedad 'OnChange', dependiendo de cómo se deba visualizar la salida.

Set(var_SelectedDate, If(!IsBlank(Self.selectedDateValue), Text(Self.selectedDateValue, ShortDate, Language())));
// Example - Output: 7/14/2022

Set(var_SelectedDate, If(!IsBlank(Self.selectedDateValue), Text(Self.selectedDateValue, LongDate, Language())));
// Example - Output: Sunday, July 3, 2022


Set(var_SelectedDate, If(!IsBlank(Self.selectedDateValue), Text(Self.selectedDateValue, ShortDate, "en-GB")));
// Example - Output: 14/07/2022

Establecer el foco en el control

Cuando se muestra un nuevo cuadro de diálogo y el enfoque predeterminado debe estar en el control, se necesitará un enfoque establecido explícito.

Para realizar llamadas al evento de entrada, puede establecer una variable de contexto vinculada a la propiedad Evento de entrada en una cadena que comience con SetFocus seguido de un elemento aleatorio para garantizar que la aplicación lo detecte como un cambio.

Fórmula Power Fx de ejemplo:

UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));

La variable de contexto ctxResizableTextareaEvent entonces se vincularía a la propiedad InputEvent.

Limitaciones

Este componente de código solo se puede usar en aplicaciones de lienzo y páginas personalizadas.