Datechooser

_global.styles.WeekDayStyle.setStyle("fontSize", 15);

Utilización de estilos con el componente DateChooser
Es posible definir propiedades de estilo para cambiar el aspecto de una instancia de DateChooser. Si el nombre de una propiedad de estilo termina por "Color", significa que es una propiedad de estilo de color y se comporta de forma diferente a las que no lo son. Para más información, consulte "Utilización de estilos para personalizar el texto y el color de un componente" en Utilización de componentes.

Un componente DateChooser admite los siguientes estilos:

Estilo Tema Descripción

themeColor Halo Color de la iluminación cuando las fechas están seleccionadas y se pasa el puntero sobre ellas. Los valores posibles son "haloGreen", "haloBlue" y "haloOrange". El valor predeterminado es "haloGreen".

backgroundColor Ambos Color del fondo. El valor predeterminado es 0xEFEBEF (gris claro).

borderColor Ambos Color del borde. El valor predeterminado es 0x919999.


El componente DateChooser utiliza una línea sólida de un solo píxel como borde. Este borde no puede modificarse con estilos o aspectos.

headerColor Ambos El color de fondo para el encabezado del componente. El color predeterminado es blanco.

rollOverColor Ambos Color de fondo de una fecha por la que se desplaza el puntero. El valor predeterminado es 0xE3FFD6 (verde brillante) con el tema Halo y 0xAAAAAA (gris claro) con el tema Sample.

selectionColor Ambos Color de fondo de la fecha seleccionada. El valor predeterminado es 0xCDFFC1 (verde claro) con el tema Halo y 0xEEEEEE (gris muy claro) con el tema Sample.

todayColor Ambos El color de fondo para la fecha de hoy. El valor predeterminado es 0x666666 (gris oscuro).

color Ambos Color del texto. El valor predeterminado es 0x0B333C para el tema Halo y en blanco para el tema Sample.

disabledColor Ambos Color del texto cuando el componente está desactivado. El color predeterminado es 0x848384 (gris oscuro).

embedFonts Ambos Valor booleano que indica si la fuente especificada en fontFamily es una fuente incorporada. Este estilo debe definirse como true si fontFamily hace referencia a una fuente incorporada. De lo contrario, no se utiliza la fuente incorporada. Si el estilo se define como true y fontFamily no hace referencia a una fuente incorporada, no se muestra ningún texto. El valor predeterminado es false.

fontFamily Ambos Nombre de la fuente del texto. El valor predeterminado es "_sans".

fontSize Ambos Tamaño de la fuente en puntos. El valor predeterminado es 10.

fontStyle Ambos Estilo de la fuente: puede ser "normal" o "italic". El valor predeterminado es "normal".

fontWeight Ambos Grosor de la fuente: puede ser "none" o "bold". El valor predeterminado es "none". Todos los componentes pueden aceptar además el valor "normal" en lugar de "none" durante una llamada a setStyle(), pero las llamadas posteriores a getStyle() devolverán "none".

textDecoration Ambos Decoración del texto: puede ser "none" o "underline". El valor predeterminado es "none".


El componente DateChooser utiliza cuatro categorías de texto para mostrar el nombre del mes, los días de la semana, la fecha de hoy y las fechas habituales. Las propiedades de estilo de texto establecidas en el componente DateChooser controlan el texto de la fecha habitual y proporcionan estilos predeterminados para los demás textos. Si se desea establecer estilos de texto para categorías de texto específicas, es necesario utilizar las siguientes declaraciones de estilo de clase.

Nombre de la declaración Descripción

HeaderDateText Nombre del mes.

WeekDayStyle Días de la semana.

TodayStyle Fecha de hoy.


En el siguiente ejemplo se muestra cómo establecer el nombre del mes y los días de la semana en rojo oscuro.

_global.styles.HeaderDateText.setStyle("color", 0x660000);
_global.styles.WeekDayStyle.setStyle("color", 0x660000);