Simple Dropdown Date Picker Plugin with jQuery - DropDown Date

File Size: 4.85 KB
Views Total: 24096
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Dropdown Date Picker Plugin with jQuery - DropDown Date

DropDown Date is a super lightweight jQuery plugin that allows you to pick a date from dropdown lists with support for custom date format.

Basic Usage:

1. Load the latest version of jQuery library and the jQuery dropdown date plugin in the web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery-dropdate.js"></script>

2. Load the date.format.js for custom date format support.

<script src="date.format.js"></script>

3. Create an input field that will be turned into a dropdown date picker.

<input type="text" name="birthday" value="" class="dropdate">

4. Call the plugin on the input field you created and set the date format as you wish.

$(document).ready(function(){
$('.dropdate').dropdate({
  dateFormat:'mm/dd/yyyy'
});
});

This awesome jQuery plugin is developed by luonghuycuong. For more Advanced Usages, please check the demo page or visit the official website.