### [Cómo cambiar la posición de la ventana emergente del selector de fecha](https://wpforms.com/developers/how-to-change-the-position-of-the-date-picker-popup/)
**Publicado:** 26 de noviembre de 2021
**Autor:** Equipo Editorial
**Extracto:** Este tutorial te guiará a través de los pasos sobre cómo cambiar fácilmente la ubicación de la ventana emergente del selector de fecha para que aparezca encima del campo del formulario en lugar de debajo.
**Contenido:**
## Introducción
¿Te gustaría personalizar la posición de la ventana emergente del campo **Selector de fecha** usando un simple fragmento de código? Por defecto, la ventana emergente se ajusta dinámicamente según la ubicación del campo y la barra de desplazamiento de la página. Este tutorial te guiará a través del proceso, ofreciendo instrucciones paso a paso sobre cómo establecer la posición de la ventana emergente de forma permanente utilizando un fragmento de código.
## Creación del formulario
Comencemos creando nuestro formulario e incorporando dos campos de formulario de selección de fecha.
Después de agregar los campos de formulario de **Fecha**, navega a la pestaña **Avanzado** y elige **Selector de fecha** en el menú desplegable **Fecha**.
Si necesitas ayuda para crear tu formulario, [revisa esta documentación](https://wpforms.com/docs/creating-first-form/ "Cómo crear tu primer formulario").
## Añadir el fragmento de código
A continuación, deberás agregar un pequeño fragmento de código a tu sitio para cambiar la posición de la ventana emergente. Si no estás seguro de cómo agregar fragmentos de código a tu sitio, [consulta este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo agregar PHP o JavaScript personalizado para WPForms").
#### Para todos los formularios
Usa este fragmento de código para todos los selectores de fecha de WPForms en tu sitio.
```
/**
* Cambiar la posición de la ventana emergente del selector de fecha
*
* @link https://wpforms.com/developers/how-to-change-the-position-of-the-date-picker-popup/
*/
function wpf_move_datepicker_placement() {
?>
**Categorías:** Tutoriales
**Etiquetas:** Campo de fecha y hora, Javascript, JS
---