Click here
Cursor

datedropper

datedropper is a jQuery plugin that provides a
quick and easy way to manage dates for input fields.

Download VERSION 1.0

1542 downloads

How it works?

Profile Page

Subscribe

  • 0
  • 1
  • 2
  • 3
  • 4

$('#input')
.dateDropper({
years_multiple: "10",
});

Example 1

Places

Partenza

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

$('#input')
.dateDropper({
format: "d-m-Y",
lang: "it",
minYear: "2015",
maxYear: "2016",
lock: "from",
});

Example 2

Credit Card

Card Expire

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

$('#year')
.dateDropper({
format: "Y",
});
$('#month')
.dateDropper({
format: "m",
});

Example 3

Coding

Coding

3 simple steps

Head

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

Body

<input type="text" id="departure" />

End

<script>$( "#departure" ).dateDropper();</script>

Customize

Customize

$( "#input" ).dateDropper({ option:"value" });

format:"m-d-Y"
  • Y = 1989
  • m = 01-12
  • d = 01-31
  • D = Sun, Mon
  • j = 1-31
  • l = Sunday, Monday
  • n = 1-12
  • F = January
  • M = Jan
lang:"en"
  • en
  • it
  • fr
  • es
  • de
  • pt
  • hu
  • si
placeholder:"text"

set placeholder
(default: "Select date")

minYear:1919

min year value range
(default: "1970")

maxYear:2016

max year value range
(default: "current year")

animation:"bounce"
  • fadein
  • bounce
  • dropdown
color:"#f87a54"

main hex color
(default: "#f87a54")

years_multiple:10

multiple years range
(default: false)

animate_current:true

animate current date on input click
(default: true)

lock:"from"

lock date "from" or "to" current
(default: false)

FAQ

FAQ

Which version of IE is supported?

datedropper works properly from 9 to current version of IE.

How can I change datedropper style?

You can edit the CSS located into datedropper folder

Which version of jQuery you should use?

datedropper works properly from 1.7 to current version.

Cross-browser

Minimum supported version

IE 9
Explorer

FF 4
FireFox

Chrome 14
Chrome

Safari 5
Safari

Opera 12
Opera

SUBMIT

Made with by , follow me on