4

Tenho um sistema onde possuo um <input type="date"> e preciso filtrá-lo, para trazer no calendário apenas as datas de 3 meses atrás e do mês atual

Eu estava utilizando os atributos min e max para teste, pois eles são valores fixos, e funcionava:

<input type="date" name="dateIni" min="2013-12-01" max="local">

Porém, preciso alterar manualmente toda vez que vira o mês. Como automatizar isso?

6
  • A pergunta está pouco clara para mim. Você quer dizer um input type date com calendário (HTML5) e que quer limitar a escolha possivel de datas para max 3 meses antes do dia actual?
    – Sergio
    Commented 9/01/2014 às 13:42
  • Qual é o plugin de calendário que você está utilizando? Poste um exemplo de código para podermos ajudar! xD Commented 9/01/2014 às 13:45
  • Isso. Segue o exemplo. Date: <input type="date" name="dateIni" min="2013-12-01" max="local"> Commented 9/01/2014 às 13:46
  • Só para deixar claro, você quer que ao carregar a página o min seja setado para data_atual - 3 meses? Commented 9/01/2014 às 13:56
  • Sim e a max a data de hoje. Commented 9/01/2014 às 13:58

1 Resposta 1

2

Tente assim:

function decimas(n){
    return n > 9 ? "" + n: "0" + n;
}
function getDate(m) {
    var data = new Date();
    var diffAno = 0;
    var mesAnterior = data.getMonth() - (m === undefined ? 1 : m - 1);
    if (mesAnterior < 1) {
        mesAnterior = mesAnterior + 12;
        diffAno = -1;
    }
    mesAnterior = decimas(mesAnterior);
    var diaAnterior = decimas(data.getDate());
    return (data.getFullYear() + diffAno) + '-' + mesAnterior + '-' + diaAnterior;
}


document.querySelector('input[name=dateIni]').setAttribute("min", getDate(3));
document.querySelector('input[name=dateIni]').valueAsDate  = new Date();

Exemplo

Tenha em conta que input type date é +/- recente (HTML5) e que muitos browsers não reconhecem essa tag. Talvez melhor usar uma bibleoteca que tenha um date picker separado.

Acrescentei a função decimas() porque a recomendação da W3C é usar dois digitos na data.

1
  • @HaoneNakano, este script lê a data do dia actual e retira 3 meses. Depois aplica a data ao input
    – Sergio
    Commented 9/01/2014 às 14:02

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .