🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

DOB Picker is a minimalist jQuery date picker plugin to enhance the select elements that simplify the selection of date of birth.

Date-Picker

Documentation

DOB Picker

Introduction

This jQuery plugin will populate and validate dates of birth. You'll need to include jQuery and then pass the DOB picker method the IDs of the elements you want to use.

Requirements

None other than the jQuery library. I wrote and tested this with version 1.11 but I can't see a reason why other versions wouldn't also work.

Example

Here's an example:

$(document).ready(function() { 	$.dobPicker({ 		daySelector: '#dobday', 		monthSelector: '#dobmonth', 		yearSelector: '#dobyear', 		dayDefault: 'Day', 		monthDefault: 'Month', 		yearDefault: 'Year', 		minimumAge: 12, 		maximumAge: 80 	}); }); 

Clone or download this repo and run the example.html file. That should give you a good idea how it works and how to use it.

Parameters

Parameters are passed through a single object when you call the method. Not all of them are required:

  • daySelector - The ID of the day dropdown
  • monthSelector - The ID of the month dropdown
  • yearSelector - The ID of the year dropdown
  • dayDefault - Default option value for day dropdown
  • monthDefault - Default option value for month dropdown
  • yearDefault - Default option value for year dropdown
  • minimumAge - Minimum age that you to pick
  • maximumAge - Maximum age that you can pick

The elements that the day, month and year selectors target must be select elements. This plugin will not work with anything else.

Author

Written by Tom Yeadon. My website is http://www.tomyeadon.com in case you're interested.


You May Also Like