Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
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.
Descripción
Este componente de código proporciona un contenedor alrededor del control de Fluent UI Calendar vinculado a un botón, a fin de usarlo en páginas personalizadas y aplicaciones de lienzo.
Propiedades
Propiedades importantes
| Property | Descripción |
|---|---|
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 de 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.