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:
<br/> From: <input type="text" id="txtFromDate" /> To: <input type="text" id="txtToDate" />
Crie o seguinte script:
(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) } }); });
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.