jQuery plugin DateTimePicker, una forma diferente de seleccionar fecha y hora

DESCARGA : DateTimePicker

jQuery plugin DateTimePicker, una forma diferente de seleccionar fecha y hora, aunque la mayoría ya sabe implementar campos de fecha utilizando algún plugin, o simplemente utilizando la etiqueta de html5 para la fecha, no esta de más conocer otra alternativa que nos permita integrar algún componente que tenga otro aspecto diferente al tradicional, bueno pues traemos un plugin que maneja otro diseño y que además es responsivo, su nombre es DateTime Picker, este plugin es muy flexible, lo interesante son los parámetros de configuración que maneja en la demostración http://curioussolutions.github.io/DateTimePicker/ podemos encontrarnos con el uso en diferentes formatos de tiempo como por ejemplo:

1.-  Solo para la fecha.

2.-  Solo para el tiempo.

3.-  Para el tiempo y la fecha.

La manera de implementar no es compleja ya que el plugin actúa sobre los atributos data-field de la etiqueta texto.


<input type="text" data-field="time" readonly>

Solo hay que iniciar el plugin.

<div id="file-sample-js-LC2">$(document).ready(function(){</div>
<div id="file-sample-js-LC5">$("#dtBox").DateTimePicker();</div>
<div id="file-sample-js-LC6"> });</div>

No olvidar colocar los archivos:

<div id="file-sampleheader-htm-LC1"><link rel="stylesheet" type="text/css" href="DateTimePicker.css" /></div>
<div id="file-sampleheader-htm-LC2"><script type="text/javascript" src="DateTimePicker.js"></script></div>

También puedes encontrarte con muchos ejemplos que vienen integrados en el archivo del plugin.

Puede interesarte