Minimalist jQuery Plugin For Birthday Selector - DOB Picker

Minimalist jQuery Plugin For Birthday Selector - DOB Picker

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

See also:

How to use it:

1. Load jQuery library and the jQuery DOB Picker plugin's Javascript on the web page.

<script src="//"></script>
<script src="dobPicker.min.js"></script>

2. Create the select elements for the birthday picker.

<select id="dobday"></select>
<select id="dobmonth"></select>
<select id="dobyear"></select>

3. Initialize the birthday picker by calling the function on document ready.

    // OPTIONS

4. Default options. You can override any of these values during initialization.

// Selectopr IDs
daySelector: '#dobday',
monthSelector: '#dobmonth',
yearSelector: '#dobyear',
// Default option values
dayDefault: 'Day',
monthDefault: 'Month',
yearDefault: 'Year',
// Minimum age
minimumAge: 12,
// Maximum age
maximumAge: 80

Change log:


  • code style change

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

  • Publication date: 18.08.2018
  • Source