jdPicker - the ultimate jQuery date picker

This pages show a few of the numerous combination of options you can use to customize the behaviour of jdPicker. The full list of options is available on the documentation page of the project.

You can also customize the CSS through a dedicated CSS stylesheet. The whole input and its foldable calendar are wrapped in a div so that the style will only apply to the date picker element.

Default options
US date format
No date min or max

$('#test1').jdPicker();

French date format
Selection by week - with week number
From the 19th of May 2010 till the apocalypse

$('#test2').jdPicker({
     date_format:"dd/mm/YYYY",
     select_week:1,
     show_week:1,
     date_min:"19/05/2010",
     date_max:"21/12/2012"
});

US date format (using short month names)
Week number printed using a label
The week starts on wednesday
A few holidays included
No selection of week-ends

$('#test3').jdPicker({
     date_format:"MM dd YYYY",
     show_week:1,
     week_label:"we",
     start_of_week:3,
     date_min:"Jan 01 1970",
     selectable_days:[1, 2, 3, 4, 5],
     non_selectable:["May 24 2010"],
     rec_non_selectable: ["Jan 01", "May 26"]
});

French date format (using long month names)
Inline display (just use a hidden input)

$('#test4').jdPicker({
date_format:"dd FF YYYY"
});

...

Original project by Jonathan Leighton
-
Fresh updates by Paul Da Silva