Select range

[Davecave]

I like the datepicker very much because it's easy to use and looks nice.
But I'm really missing a range functionality. Do you consider to integrate something like that?

<input id="start" data-toggle="datepicker"> <input id="end" data-toggle="datepicker">
Right now you can enter a date in the second one which is prior to first one, which of course shouldn't be the case if you want to enter a range.

Additionally highlighting the selected range in the second field would be useful.

[webdo]

If you only use two dates on one page its pretty easy to do.

$('#startDate').datepicker();
$('#endDate').datepicker({
	filter: date => { return (new Date($('#startDate').val()) >= date) ?  false : true; } 
});

[chrislawes79]

Or you could use a date-range picker made specifically to do this

[linxiaowang]

If you only use two dates on one page its pretty easy to do.

$('#startDate').datepicker();
$('#endDate').datepicker({
	filter: date => { return (new Date($('#startDate').val()) >= date) ?  false : true; } 
});

your method only suits click startDate first, what if i want click the endDate first sometimes, then the startDate can select a later date, how to solve this? (╹▽╹)

[linxiaowang]

If you only use two dates on one page its pretty easy to do.

$('#startDate').datepicker();
$('#endDate').datepicker({
	filter: date => { return (new Date($('#startDate').val()) >= date) ?  false : true; } 
});

your method only suits click startDate first, what if i want click the endDate first sometimes, then the startDate can select a later date, how to solve this? (╹▽╹)

already figure it out. not so familiar with the document (#^.^#)
$('#startDate').on('pick.datepicker', function (e) { $('#endDate').datepicker('setStartDate', $('#startDate').datepicker('getDate')); });

$('#endDate').on('pick.datepicker', function (e) { $('#startDate').datepicker('setEndDate', $('#endDate').datepicker('getDate')); });