Animated jQuery Date Picker Plugin – datedropper

Time & Clock
File Size: 16.77 KB
Views Total: 1673 views
Last Update:March 26, 2023
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.

Other : Demo


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

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();


Thanks for make jQuery plugin is developed by Felice Gattuso For more Helpfull for users, please check the demo page or visit the official website.


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.