Fala pessoal, essa dica vai para quem precisa usar em seu sistema um range de datas onde o usuário deve escolher a data inicial e a data final para alguma ação de seu sistema.
A primeira coisa é referenciar as bibliotecas do jQuery e jQuery Ui e jQueryUI CSS.
Crie na sua página html os seguintes campos:
[html]
<br/>
From: <input type="text" id="txtFromDate" />
To: <input type="text" id="txtToDate" />
[/html]
Crie o seguinte script:
[javascript]
(document).ready(function(){
$("#txtFromDate").datepicker({
numberOfMonths: 2,
onSelect: function(selected) {
$("#txtToDate").datepicker("option","minDate", selected)
}
});
$("#txtToDate").datepicker({
numberOfMonths: 2,
onSelect: function(selected) {
$("#txtFromDate").datepicker("option","maxDate", selected)
}
});
});
[/javascript]
Se tudo der certo você deverá ver uma tela mais ou menos assim:
Este exemplo foi retirado da internet, precisei fazer algo parecido em um sistema que estou trabalhando, só estou replicando para ajudar alguém que precise.
O post original se encontra aqui.