Confira uma demonstração ao vivo do formulário aqui: http://jsfiddle.net/chrisbumgardner/VzYQn/embedded/result/
Este formulário permite escolher um intervalo de datas de qualquer dia anterior até e incluindo a data de hoje. Quando uma data de início é selecionada, a data de término não pode vir antes dela. Quando uma data de término é selecionada, a data de início não pode ser posterior a ela. As datas são representadas no formato ISO-8601 “AAAA-MM-DD” e são validadas no cliente. Escrevi isso originalmente como um meio de selecionar um intervalo de datas de dados baseados em tempo para gerar um relatório.
Foi construído usando:
– jQuery
– jQuery UI DatePicker
– jQuery Validation
– Zurb Foundation – excelente estrutura de IU responsiva (grades, formulários, tipografia, etc)
Você pode brincar com o código aqui: http://jsfiddle.net/chrisbumgardner/VzYQn/ ou visualizar o código-fonte JavaScript aqui: https://gist.github.com/cbumgard/4742703 .