Quero jogar a data atual num input, mas no formato "brasileiro" dd/mm/yyyy.
Meu código:
var data = new Date();
dataFormatada = ?????
$("#Data").val(dataFormatada);
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeQuero jogar a data atual num input, mas no formato "brasileiro" dd/mm/yyyy.
Meu código:
var data = new Date();
dataFormatada = ?????
$("#Data").val(dataFormatada);
Você pode utilizar uma função para o feito, a fim de simplificar o seu trabalho:
function dataAtualFormatada(){
var data = new Date(),
dia = data.getDate().toString(),
diaF = (dia.length == 1) ? '0'+dia : dia,
mes = (data.getMonth()+1).toString(), //+1 pois no getMonth Janeiro começa com zero.
mesF = (mes.length == 1) ? '0'+mes : mes,
anoF = data.getFullYear();
return diaF+"/"+mesF+"/"+anoF;
}
Para dd/mm/yyyy
.
Dia de hoje(resultado do código acima) em um <input type=text id=Data>
:
$('#Data').val(dataAtualFormatada);
Teria como resultado o seguinte, no valor do input:
19/02/2014
function dataAtualFormatada(){
var data = new Date(),
dia = data.getDate().toString().padStart(2, '0'),
mes = (data.getMonth()+1).toString().padStart(2, '0'), //+1 pois no getMonth Janeiro começa com zero.
ano = data.getFullYear();
return dia+"/"+mes+"/"+ano;
}
Esta última solução não funcionará no Internet Explorer e em browsers que não tiverem suporte a ES8, para mais informações consulte a tabela de compatibilidade.
// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
if (!String.prototype.padStart) {
String.prototype.padStart = function padStart(targetLength, padString) {
targetLength = targetLength >> 0; //truncate if number, or convert non-number to 0;
padString = String(typeof padString !== 'undefined' ? padString : ' ');
if (this.length >= targetLength) {
return String(this);
} else {
targetLength = targetLength - this.length;
if (targetLength > padString.length) {
padString += padString.repeat(targetLength / padString.length); //append to original to ensure we are longer than needed
}
return padString.slice(0, targetLength) + String(this);
}
};
}
$("#Data").val(dataAtualFormatada);
. Editei minha pergunta colocando este exato exemplo para melhor entendimento.
– Paulo Roberto Rosa
19/02/14 às 19:07
Use as funções nativas do Javascript:
var data = new Date();
console.log(data.toLocaleDateString());
Referência: http://www.w3schools.com/jsref/jsref_obj_date.asp
Para quem não quiser reinventar a roda, existe a biblioteca moments.js, que cuida disso e de várias outras operações envolvendo datas em JavaScript. Entre as funções do moment está a formatação de datas em formatos que podem ser montados como strings. Exemplo de uso:
moment().format('MMMM Do YYYY, h:mm:ss a');
moment().format('dddd');
moment().format("MMM Do YY");
moment().format('YYYY [escaped] YYYY');
moment().format();
Note que usar uma biblioteca como essa pode ser um exagero, se a sua necessidade for somente formatar datas, em um único formato.
Se você estiver usando jQuery UI, pode usar uma função auxiliar do datepicker
:
$.datepicker.formatDate('dd/mm/yy', new Date())
(Nota: acrescentei essa resposta pois vi no seu código de exemplo o uso de jQuery, ainda que a pergunta fosse sobre JavaScript puro. Cabe também notar que o jQuery simples não possui datepicker
, apenas o jQuery UI)
("0" + data.getDate()).substr(-2) // Garante que haverá zero se < 9
No seu caso, seria
var data = new Date();
var dataFormatada = ("0" + data.getDate()).substr(-2) + "/"
+ ("0" + (data.getMonth() + 1)).substr(-2) + "/" + data.getFullYear();
Formatar data em Javascript pode ser feito em apenas uma linha de código se você fizer um pad com "0" e substr
. A maioria das pessoas nunca parou pra ver que isso é genial. Descobri isso alguns anos atrás no SO internacional, em uma pergunta.
substr
Uma alternativa mais legível é toISOString, porém ela não tem suporte em IE8
var data = new Date();
console.log(data.toISOString().substr(0, 10).split('-').reverse().join('/'));
Documentação do Date.prototype.toISOString() no MDN,com Polyfill para navegadores sem suporte
Utilizei a resposta do Paulo Roberto como base (ainda nao tinha implementação do zero nos meses com um digito) e fiz assim:
var data = new Date();
var dia = data.getDate();
if (dia< 10) {
dia = "0" + dia;
}
var mes = data.getMonth() + 1;
if (mes < 10) {
mes = "0" + mes;
}
var ano = data.getFullYear();
dataFormatada = dia + "/" + mes + "/" + ano;
$("#Data").val(dataFormatada);
Adicionando o zero nos meses com um digito.
(mes < 10)
eu utilizei a length do mes transformada pra string =x
– Paulo Roberto Rosa
19/02/14 às 18:01
{
e }
– Paulo Roberto Rosa
19/02/14 às 18:05
Com base nesta pergunta montei um pequeno git com algumas funções auxiliares para estes fins.
Usando os métodos que disponibilizei pode se fazer assim :
var d = new Date();
console.log(d.toDate('dd/mm/yyyy hh:ii:ss'));
console.log(d.toDate('mm/dd/yyyy hh:ii:ss'));
console.log(d.toDate('yyyy-mm-dd'));
console.log(d.toDate('yyyy-dd'));
<script src="https://rawgit.com/Lautert/helpers/master/javascript.helpers.js"></script>
function formatDate(data, formato) {
if (formato == 'pt-br') {
return (data.substr(0, 10).split('-').reverse().join('/'));
} else {
return (data.substr(0, 10).split('/').reverse().join('-'));
}
}
console.log(formatDate('23/04/2018'));
console.log(formatDate('2018-04-01', 'pt-br'));
Date
, então acredito que falte em sua resposta a parte onde converte tal objeto para string, visto que sua função só funciona para string.
– Woss
2/05/18 às 0:59
Você pode formatar usando template string
:
const formatar = (data) => {
const ano = data.getFullYear();
const mes = (`00${data.getMonth() + 1}`).slice(-2);
const dia = (`00${data.getDate()}`).slice(-2);
return `${dia}/${mes}/${ano}`;
};
// Teste da função
console.log(formatar(new Date()));
Template literals são literais string que permitem expressões embutidas. Você pode usar string multi-linhas e interpolação de string com elas. Elas eram chamadas "template strings" nas versões anteriores à especificação ES2015.
Sintaxe
`corpo de texto` `texto linha 1 texto linha 2` `texto string ${expression} texto string` tag `texto string ${expression} texto string`
console.log( (new Date()).toISOString().match(/^[0-9]{4}\-[0-9]{2}\-[0-9]{2}/)[0].split('-').reverse().join('/') )
SimpleDateFormat
do Java oudate
do PHP. – utluiz 19/02/14 às 17:59