Datedropper

Name: Datedropper
Brand: Jose Aguilar
SKU: joseaguilarblog-6776
Availability: InStock
Rating: 4 (4 reviews)

Datedropper es un plugin jQuery para disponer un formato más atractivo de obtener o seleccionar una fecha (datepicker) en un campo de texto en tus formularios.

Es un plugin muy liviano que se instala en 3 segundos.

En la cabecera de tu página tan solo debes añadir la hoja de estilos, la librería jQuery, el plugin y la llamada, como por ejemplo:

Source code

<link rel="stylesheet" type="text/css" href="datedropper.css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="datedropper.js"></script>
<script>
$(document).ready(function(){
    $("#from").dateDropper();
});
</script>

En el cuerpo de la página <body> allí donde tengas tu formulario debes añadir el input que abrirá el calendario:

Source code

<input type="text" name="from" id="from" />

Obteniendo como resultado:

Este plugin se puede personalizar un poco con diversas funciones como:

Cambiar el tipo de animación al abrir el selector
Cambiar el formato de la fecha
Cambiar el idioma
Establecer un año máximo
Establecer un año mínimo
Establecer un rango de años
Etc.

Y además es posible cambiar el aspecto o estilo. Hay unos cuantos disponibles en la página oficial del plugin.

Lo mejor del plugin es que en dispositivos pequeños como el móvil funciona perfectamente. Es Responsive Design.

Ver ejemplo en funcionamiento

Descargar Datedropper

Autor

Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.

Te ha servido? Valora esta entrada!

(4 votos, promedio: 4 de 5)

Comparte en las redes sociales

¿Buscas trabajo de programador?

3 respuestas a “Datedropper”

fernando solano dice:

14/06/2017 a las 16:34

Hola que tal.

viendo tu aportacion de Datedropper (que esta sensacional) quisiera preguntarte en donde o como hay que hacer para customizarlo.

por tu atencion milgracias.

Responder
- Jose Aguilar dice:
  
  15/06/2017 a las 14:20
  
  Hola,
  
  Siento decir que la Web del autor ya no está disponible.
  
  Saludos
  
  Responder
  - fernando solano dice:
    
    15/06/2017 a las 17:18
    
    hola !!
    
    mira lo que encontre !!!
    
    por si te sirve !!!
    
    http://felicegattuso.com/projects/datedropper/
    
    Responder