Описание плагина по-русски

jQuery Plugins Repository page

Demo page

Select range of dates is a common task for report pages or so. Unfortunately, jQuery UI Datepicker doesn’t have native ability to select dates in this way.

But Datapicker has undocumented flag that force it not to close than user select something. In current version (1.10.x) it called inline and can be altered in onSelect callback.

Previously selected days will be highlighted next time by CSS class ui-datepicker-range on table cells.

Plugin accept all Datepicker’s options.

$("#date").daterange({
	dateFormat: "yy/mm/dd",
	onClose: function (dateRangeText) {
		$("#date").after("<p>" + dateRangeText + "</p>");
	}
});

Also plugin introduce one more option: rangeSeparator. This option cares about the string between first and last date.

$("#date").daterange({
	rangeSeparator: " ### ",
	onClose: function (dateRangeText) {
		$("#date").after("<p>" + dateRangeText + "</p>");
	}
});

This plugin is licensed under the MIT license.