Hi @DaryllDelfin, thank you.
You can create a range datepicker with jquery UI too: simply add this code to your script:
if(Modernizr.inputtypes.date) {
$('#start_date_field').change(function () {
$('#end_date_field').attr('min', $(this).val());
});
$('#end_date_field').change(function () {
$('#start_date_field').attr('max', $(this).val());
});
} else {
$('#end_date_field').datepicker("option" , 'beforeShow',
function() {
return {minDate: $('#start_date_field').val()};
}
);
$('#start_date_field').datepicker("option" , 'beforeShow',
function() {
return {maxDate: $('#end_date_field').val()};
}
);
}
You need both Modernizer and jQuery, just like in my article.
Bye