O método toISOString()
retorna uma string contendo tanto a data quanto a hora, então uma alternativa seria simplesmente pegar a parte que interessa, usando substr
:
let d = new Date();
d.setFullYear(d.getFullYear() - 18);
console.log(d.toISOString().substr(0, 10));
Usar toLocaleDateString()
, como sugeriu a outra resposta, nem sempre vai funcionar, pois este método usa o locale ("idioma") que está configurado no browser para saber qual formato usar.
E dependendo do locale, nem sempre o formato será "dia/mês/ano". Para browsers configurado com inglês americano, por exemplo, a data é retornada no formato "mês/dia/ano", e sem o zero à esquerda para valores menores que 10 (ou seja, se a data for 1 de março de 2000, o resultado será 2000-1-3
). Outros locales retornam os campos em outra ordem (como "ano/mês/dia"), enquanto outros usam caracteres diferentes da barra como separadores. Ou seja, o uso deste método não garante que o resultado final será o correto.
Uma opção é forçar um locale que possui o formato pretendido:
let d = new Date();
d.setFullYear(d.getFullYear() - 18);
console.log(d.toLocaleDateString('pt-BR').split("/").reverse().join("-"));
O locale pt-BR
possui o formato de data "dia/mês/ano" com os valores menores que 10 preenchidos com um zero à esquerda, o que garante que este método funcionará.
Porém, há ainda algumas situações em que isso pode falhar. Se o browser não tiver o locale pt-BR
instalado, ele acaba usando o default. Ou também pode acontecer - embora eu ache que seja um pouco mais raro - de o formato correspondente ao locale mudar (já que ele é predefinido e você não tem controle sobre o mesmo - veja mais sobre isso na parte final desta resposta).
Outro detalhe é que toISOString()
retorna a data/hora em UTC, enquanto toLocaleDateString()
retorna a data de acordo com o timezone configurado no browser (ou seja, dependendo do timezone configurado e da hora do dia em que o código roda, estes métodos podem retornar uma data diferente). Mas se quiser, é possível fazer com que toLocaleDateString()
retorne a data em UTC:
let d = new Date();
d.setFullYear(d.getFullYear() - 18);
console.log(d.toLocaleDateString('pt-BR', { timeZone: "UTC" }).split("/").reverse().join("-"));
Enfim, estas são as opções que a API nativa de datas do JavaScript nos dá, então escolha o que achar melhor.
Ainda há outro problema no código acima. Caso a data seja 29 de fevereiro:
// lembrando que em JavaScript janeiro é zero, fevereiro é 1, etc
let d = new Date(2016, 1, 29); // 29/02/2016
d.setFullYear(d.getFullYear() - 18);
console.log(d.toISOString().substr(0, 10)); // 1998-03-01
console.log(d.toLocaleDateString('pt-BR').split("/").reverse().join("-")); // 1998-03-01
Ao subtrair 18 anos de 29/02/2016, o resultado é 1 de março de 1998. Mas alguém que nasceu em 01/03/1998 ainda não tem 18 anos em 29/02/2016 (ainda falta um dia para o aniversário), então esta não deveria uma data válida para ser mostrada no seu formulário (uma solução seria mostrar 28/02/1998). Infelizmente o JavaScript não possui uma forma automática de fazer esse ajuste, então este é um caso em que você deve verificar manualmente.
Moment.js
Uma alternativa à API nativa é a biblioteca Moment.js. Com ela fica bem fácil fazer o que você precisa:
let d = moment(); // data atual
d.subtract(18, 'years'); // menos 18 anos
console.log(d.format('YYYY-MM-DD')); // mostrar no formato ano-mês-dia
<script src="http://momentjs.com/downloads/moment.min.js"></script>
Inclusive para o caso de 29 de fevereiro, ela já faz o ajuste automaticamente:
let d = moment([2016, 1, 29]); // 29/02/2016
d.subtract(18, 'years'); // menos 18 anos
console.log(d.format('YYYY-MM-DD')); // 1998-02-28
<script src="http://momentjs.com/downloads/moment.min.js"></script>