Animated jQuery Date Picker Plugin – datedropper

Time & Clock
File Size: 16.77 KB
Views Total: 1023 views
Last Update:March 26, 2021
Publish Date: March 26, 2021
Official Website: Go to website
License: MIT
Plugin Author: Felice Gattuso
Demo    Download

datedropper is a simple date picker jQuery plugin used for append a animated, customizable and beautiful date picker to your input fields. user can add year with month and date pick from dropdown.


  • Currently supports over 17+ languages.
  • Subtle scrolling animations.
  • Custom date format, year range and min/max years.
  • Fully stylable in the JavaScript.

Other : Demo

How To Use :

1. Add jQuery Library and datedropper.min.cssdatedropper.min.js and add-icon folder into your web server :

Add jQuery Library after add the datedrop plugin.

<link href="datedropper.min.css" rel="stylesheet">
<script src="/jquery-1.12.2.min.js"></script>
<script src="datedropper.min.js"></script>

Add in html datedropper standard class and attribute :

<input type="text" class="data full datedropper picker-input" data-large-mode="false" data-translate-mode="false" data-default-date="09-10-1985" data-lang="en" placeholder="date of birth" data-translate-mode="true" >

Add the function on the target input field for date picker :

$("input" ).dateDropper();



Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.