Animated jQuery Date Picker Plugin – datedropper

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

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.

Features:

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

Done


Mady

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.