Criar range de datas com Jquery

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:

rangeDatas

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.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *