Acho que vale mencionar alguns detalhes que as outras respostas não cobriram, ou apenas o fizeram de maneira superficial.
O motivo do warning
O aviso "value provided is not in a recognized ISO format" ocorre porque, segundo a documentação, ao criar um moment
passando-se somente uma string contendo a data, primeiro é verificado se ela representa uma data no formato ISO 8601 (que no caso seria 2018-03-02T00:00:00
). Caso não esteja, ele verifica se o formato está de acordo com a RFC 2822 (que seria algo como 02 Mar 2018 00:00:00 -0300
). E se não estiver em nenhum desses formatos, é feito o fallback para Date
: no caso, ele chama new Date(string)
.
Só que, conforme explicado aqui, a especificação da linguagem diz que o único formato garantido que funciona em todos os ambientes é o ISO 8601. Qualquer outra coisa é dependente da implementação, e pode ou não funcionar dependendo do ambiente (seja um browser, ou Node, Deno, etc).
É isso que o warning está dizendo: a string está em um formato que não é ISO 8601 nem RFC 2822 ("dia/mês/ano hora:minuto:segundo"), por isso a string é passada para o construtor de Date
, e aí pode ou não funcionar (is not reliable across all browsers and versions).
Por exemplo, criando a data com new Date('02/03/2018 00:00:00')
, o resultado foi 3 de fevereiro em vez de 2 de março (testei no Node, Chrome e Firefox). Aliás, com moment
também dá o mesmo resultado, já que ele acaba chamando new Date
, como já explicado. Veja que o resultado abaixo é 2018-02-03 00:00:00
(3 de fevereiro), além, é claro, de mostrar o warning:
// 2018-02-03 00:00:00
console.log(moment('02/03/2018 00:00:00').format('YYYY-MM-DD HH:mm:ss'));
<script src="https://momentjs.com/downloads/moment.min.js"></script>
A solução para isso já foi dada em uma das respostas: basta informar ao moment
qual o formato da string. Assim ele cria a data correta e não mostra mais o warning:
// 2018-03-02 00:00:00
console.log(moment('02/03/2018 00:00:00', 'DD/MM/YYYY HH:mm:ss').format('YYYY-MM-DD HH:mm:ss'));
// ^^^^^^^^^^^^^^^^^^^
// formato no qual a string está
<script src="https://momentjs.com/downloads/moment.min.js"></script>
Passando o formato, o moment
não faz mais o fallback para new Date
e interpreta corretamente a string, gerando a data correta (no exemplo acima, 2018-03-02 00:00:00
- 2 de março). E o warning não aparece mais.
Vale lembrar também que o formato YYYY-MM-DD não é o formato americano. Na verdade, nos EUA costuma-se usar MM/DD/YYYY (ou ainda "Mar 2nd, 2018"). O formato YYYY-MM-DD é o ISO 8601.
Na verdade, sendo bem pedante, quando tem data e hora, o formato ISO 8601 diz que deve ter a letra "T" maiúscula entre a data e a hora, portanto ficaria 2018-03-02T00:00:00
. Já o formato que você quer tem um espaço em vez do "T", e este formato é definido pela RFC 3339 (que é um profile da ISO 8601 e permite algumas dessas diferenças).
Enfim, com moment
a ideia geral é essa: ao criar a data, você passa a string e o formato no qual ela está. Ao formatá-la, você informa o formato para o qual ela deve ser convertida.
Quanto a usar JavaScript puro, infelizmente o Date
não dá muitas opções e o jeito é tratar a string manualmente, como as outras respostas fizeram. Apenas para deixar registrada mais uma alternativa (meio "feia", mas sinceramente, todas são, já que a linguagem não dá muitas opções nativas para lidar com datas):
const str = '02/03/2018 00:00:00';
let [dia, mes, ano, hora, minuto, segundo] = str.split(/[\/ :]/).map(v => parseInt(v));
const data = new Date(Date.UTC(ano, mes - 1, dia, hora, minuto, segundo));
console.log(data.toISOString().replace('T', ' ').substring(0, 19));
toISOString()
retorna a data no formato ISO 8601, então basta trocar o "T" por espaço e eliminar as frações de segundo. Só que tem outro detalhe: este método retorna a data/hora em UTC (e não no fuso horário configurado no browser, como acontece com outros métodos como toLocaleString()
), por isso criei a data com Date.UTC
. Também precisei subtrair 1 do mês, já que no JavaScript janeiro é zero, fevereiro é 1, etc.
moment(testDate).format('YYYY-MM-DD');