Datedropper : jQuery Quick & Easy Date manage Plugin


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


1. Add datedropper libs on your HTML

2. Create the element that will be your datedropper

3. Initialize script

Define element and function

<!doctype html>
<!-- custom css -->
<link href="datedropper.css" rel="stylesheet" type="text/css" />
<!-- jQuery lib -->
<script src="jquery.min.js"></script>
<!-- dateDropper lib -->
<script src="datedropper.js"></script>
<!-- tag element -->
<input type="text" />
<!-- init dateDropper -->

Apply options through data-attributes (no longer via JavaScript).

<input type="text" data-lang="it" />

Apply style properties through CSS (no longer via JavaScript).

<input type="text" data-theme="YOUR CUSTOM NAME" />
Subscribe to the mailing list:
* indicates required


Pin It on Pinterest