jquery.datePicker example: complex inline datePicker

< date picker home

The following example builds on the simple inline datepicker example and shows how you can have different inline datepickers with different settings on the same page as a popup date picker and everything works as expected.

Test date picker form
The contents of this div will be replaced by the inline datePicker.
The contents of this div will be replaced by the inline datePicker.
The contents of this div will be replaced by the inline datePicker.

Page sourcecode

$(function()
{
	$('#inline-1')
		.datePicker(
			{
				inline:true
			}
		);
	$('#inline-2')
		.datePicker(
			{
				inline:true,
				selectMultiple:true // allow multiple dates to be selected
			}
		);
	$('#inline-3')
		.datePicker(
			{
				inline:true,
				startDate:'01/01/2000', // first selectable date is 1st Jan 2000
				month:0, // initially display Jan (months are zero based in JS)
				year:2004 // initially display 2004
			}
		);
	$('.date-pick').datePicker();
});