Guía / Artículo

Cómo añadir un selector de fechas a sus formularios de flujo web

Kevin Fogarty
30 de octubre de 2020
Cómo añadir un selector de fechas a sus formularios de flujo web

Paso 1:

Añade este código dentro de la <head> etiqueta de tu código personalizado:</head>



Paso 2:

Añade este código dentro de la etiqueta de antes de tu código personalizado:

&amp;lt;script src=&amp;quot;https://code.jquery.com/ui/1.12.1/jquery-ui.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;&amp;lt;script&amp;gt;  &amp;lt;/script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;$(&amp;amp;#x27;#datepicker&amp;amp;#x27;).datepicker();&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;

Paso 3:

Primero agregue un campo de entrada -

Captura

En segundo lugar, dale una identificación de 'datepicker'...

Captura

¿Necesitas más de uno?

Editar: si quieres tener más de un datepicker en la misma página, cambia el #ID en el código personalizado por un .class y dale a cada entrada un ID individual y deberías poder tener más de uno. Por ejemplo, así es como se verían dos selectoras de fechas en su código personalizado:

A continuación, dé al campo de entrada una clase CSS de 'datepicker' con un ID de, por ejemplo, datepicker_1. Luego, si desea agregar otro, dele el mismo nombre de clase y un nuevo ID único, por ejemplo datepicker_2.

Kevin Fogarty
30 de octubre de 2020

Recibe los recursos de la web directamente en tu buzón.

Inscríbete para recibir información semanal e inspiración en tu bandeja de entrada.

OTRAS GUÍAS Y LECCIONES

Impulsa más tu sitio web de flujo de datos.