El componente DateField. Primera Parte

0 COMENTARIOS -  Publicado hace 39 meses -  Clasificado en: , , ,

El componente DateField es usado para que el usuario seleccione una fecha. El componente DateField es un campo de texto no seleccionable que muestra la fecha con un icono de calendario situado a su derecha. Si no se ha seleccionado ninguna fecha, el campo de texto estará vacío y se mostrará el mes correspondiente al día de hoy en el selector de fechas. Cuando el usuario hace clic dentro del recuadro de delimitación del campo de fecha, aparece el selector de fechas con el mes correspondiente a la fecha seleccionada. Cuando el selector de fechas está abierto, el usuario puede usar los botones de desplazamiento para cambiar de mes y año y seleccionar una fecha. Cuando se selecciona una fecha, el selector de fechas se cierra y la selección se introduce en el campo de fecha. Para utilizarlo deberemos:

1.- Arrastrar una instancia del componente DateField y nombrarlo como "miCalendario"

Existe diversas propiedades para configurar la apariencia del componente DateField. Una de ellas es establecer las etiquetas para los días de la semana. Por defecto, las etiquetas de los días de la semana son S, M, T, W, T, F, y S. El orden de las etiquetas siempre debe ser de Sunday a Saturday (de Domingo a Sabado). Por ejemplo, para pasarlo al castellano:

miCalendario.dayNames = ["D", "L", "M", "X", "J", "V", "S"];

Lo que si podemos hacer es alterar qué día de la semana se mostrará primero. Los posibles valores son desde 0 (Sunday) a 6 (Saturday). Por lo tanto, para fijar como primer día de la semana el Lunes lo podríamos hacer del siguiente modo:

miCalendario.dayNames = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"];
miCalendario.firstDayOfWeek = 1;

También, y de un modo similar, se pueden ajustar los nombres de los meses con la propiedad monthNames, que indica los nombres de mes en la parte superior del componente DateField. El valor predeterminado es ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]. Ejemplo:

miCalendario.monthNames = ["Enero", "Febrero","Marzo","Abril", "Mayo", "Junio","Julio", "Agosto", "Septiembre","Octubre", "Noviembre", "Diciembre"];

También te puede interesar:

Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.

Crear una bonita tira de película fotográfica

Crear una bonita tira de película fotográfica

flashmo.com: Free Flash Templates

flashmo.com: Free Flash Templates

Calendar Eightysix

Eightysix Calendar

Promt Translator Online

Promt Translator Online

Crear un icono de caja de Adobe en Photoshop

Crear un icono de caja de Adobe en Photoshop
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com