Índice

El selector de fecha

1. El uso del componente

El componente Datepicker, un selector de fecha permite a los visitantes de la página seleccionar una fecha de forma rápida y sencilla.

2. Insertar el componente

Sitúe el punto de inserción en el lugar donde desee insertar el componente.

En el menú Insertar, o en el panel Insertar, seleccione jQuery UI y Datepicker.

El componente se inserta en la página:

images/18C20-023.png

Seleccione el componente en la página haciendo clic en su pestaña azul jQuery Datepicker: Datepicker1.

En el panel Propiedades, campo ID, podrá ver el identificativo del componente.

images/20OWT-24.PNG

3. Guardar la página

Cuando guarde la página, Dreamweaver le pedirá de nuevo que guarde los archivos JavaScript y CSS vinculados al componente. Si ya ha usado otros componentes, es posible que deba guardar menos archivos ya que algunos archivos CSS o JS son comunes a varios componentes.

images/20OWT-25.PNG

4. Configura el selector de fecha

Seleccione el componente en la página haciendo clic en su pestaña azul jQuery Datepicker: Datepicker1.

Utilice el panel Propiedades.

images/20OWT-26.PNG

En la lista desplegable Date Format, seleccione el formato de fecha deseado.

En la lista desplegable Localización, seleccione el idioma de la interfaz.

La opción Imagen de botón permite seleccionar una imagen que permitirá visualizar el calendario. Marque la opción y haga clic en el botón de la imagen a la derecha del campo para seleccionar la imagen deseada, como ...