Ingresar fecha y hora con el plugin DateTimePicker

Muchas veces nos hemos visto en la necesidad de crear proyectos donde el usuario tendrá que ingresar mediante un formulario web su fecha de nacimiento y entre otros datos .

Pero como sabe el usuario en que formato debería ingresarlo e incluso podría cometer errores de tipografía que a la postre no nos serviría de mucho para mostrar el resultado deseado .

Pués bien aquí les traigo un plugin desde la web muy ágil e interesante llamado datetimepicker su apariencia y personalización es muy fácil y sencillo de usar.

Puede agregarse un trigger o botón adicional que lance el selector sin activarlo al hacer foco en el campo.

Si se lo desea podrá realizar que el usuario ingrese fecha y hora y solo fechas dependiendo del formato y estilo que desee agregarle.

Archivos a utilizar :

index.html

jquery.js

jquery.datetimepicker.css

jquery.datetimepicker.js

index.html

entre head y head colocaremos los enlaces a las librerias a utilizar

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>

Con un input llamarenos al dataimepicker

<input id="datetimepicker" type="text" >

Los archivos jquery.datetimepicker.css y jquery.datetimepicker.js podrás descargar de aquí.

jQuery.js podrás descargarlo desde la web de su autor o utilizar su hosted cdn en todo el mundo mas información aquí

Fuentes:

https://github.com/xdan/datetimepicker

Espero les sirva en algún proyecto suerte….

 

Relacionado