Como obtenho mês e data do JavaScript no formato de 2 dígitos?


Respostas:


812
("0" + this.getDate()).slice(-2)

para a data e similares:

("0" + (this.getMonth() + 1)).slice(-2)

para o mês.


86
Legal, mas: function addZ(n){return n<10? '0'+n:''+n;}é um pouco mais genérico.
RobG

9
fatia é inteligente, mas é muito mais lento do que uma simples comparação: jsperf.com/slice-vs-comparison
dak

30
@dak: E quando isso realmente importa? Duvido que você esteja calculando o mês milhares de vezes por segundo.
Sasha Chedygov 02/07/2012

2
@ KasperHoldum - getMonthe getDateretorne números, não strings. E se a compatibilidade com Strings for necessária, ele '0' + Number(n)fará o trabalho.
RobG 23/07/12

9
@Sasha Chedygov certeza que você pode calcular os meses milhares de vezes por segundo, especialmente se você está classificando
Dexygen

87

Se você deseja um formato como "AAAA-MM-DDTHH: mm: ss", isso pode ser mais rápido:

var date = new Date().toISOString().substr(0, 19);
// toISOString() will give you YYYY-MM-DDTHH:mm:ss.sssZ

Ou o formato de data e hora do MySQL comumente usado "AAAA-MM-DD HH: mm: ss":

var date2 = new Date().toISOString().substr(0, 19).replace('T', ' ');

Eu espero que isso ajude


1
Esta é a solução mais concisa que encontrei. O único problema aqui é o deslocamento do fuso horário.
Praym

3
O deslocamento do fuso horário pode ser resolvido com algo como: var date = new Date (new Date (). GetTime () - new Date (). GetTimezoneOffset () * 60 * 1000) .toISOString (). Substr (0,19) .replace ('T', '');
Praym

Ore, seu código funciona para mim, mas copiar e colar deve ter algum caractere oculto ou algo assim, então eu apenas o digitei à mão.
spacebread

Eu acabei com essa pergunta tentando resolver esse problema exato e, como resultado, sua resposta é o que eu precisava.
Engineer Toast

Observe que esse método retornará a data e a hora de acordo com o fuso horário UTC.
Amr

41

Exemplo para o mês:

function getMonth(date) {
  var month = date.getMonth() + 1;
  return month < 10 ? '0' + month : '' + month; // ('' + month) for string result
}  

Você também pode estender o Dateobjeto com essa função:

Date.prototype.getMonthFormatted = function() {
  var month = this.getMonth() + 1;
  return month < 10 ? '0' + month : '' + month; // ('' + month) for string result
}

4
Note-se que getMonth retorna um número entre 0 e 11, e não 1 e 12.
Salman Um

4
Isso retorna resultados inconsistentes. Para novembro e dezembro, ele retorna uma string e, por outros meses, retorna um número.
Tim Down

Atualizei o código para implementar Salman Um aviso de que getMonth é zero com base em vez de 1. E adicionei aspas para garantir que uma string sempre seja retornada.
Jan Jan Derk

23

A melhor maneira de fazer isso é criar seu próprio formatador simples (como abaixo):

getDate()retorna o dia do mês (de 1 a 31)
getMonth()retorna o mês (de 0 a 11) < baseado em zero, 0 = janeiro, 11 = dezembro
getFullYear() retorna o ano (quatro dígitos) < não usegetYear()

function formatDateToString(date){
   // 01, 02, 03, ... 29, 30, 31
   var dd = (date.getDate() < 10 ? '0' : '') + date.getDate();
   // 01, 02, 03, ... 10, 11, 12
   var MM = ((date.getMonth() + 1) < 10 ? '0' : '') + (date.getMonth() + 1);
   // 1970, 1971, ... 2015, 2016, ...
   var yyyy = date.getFullYear();

   // create the format you want
   return (dd + "-" + MM + "-" + yyyy);
}

20

Por que não usar padStart?

var dt = new Date();

year  = dt.getYear() + 1900;
month = (dt.getMonth() + 1).toString().padStart(2, "0");
day   = dt.getDate().toString().padStart(2, "0");

console.log(year + '/' + month + '/' + day);

Isso sempre retornará números de 2 dígitos, mesmo que o mês ou o dia seja menor que 10.

Notas:

  • Isso funcionará apenas com o Internet Explorer se o código js for transpilado usando babel .
  • getYear()retorna o ano de 1900 e não requer padStart.
  • getMonth() retorna o mês de 0 a 11.
    • 1 é adicionado ao mês anterior ao preenchimento para mantê-lo de 1 a 12
  • getDate() retorna o dia de 1 a 31.
    • o sétimo dia retornará 07e, portanto, não precisamos adicionar 1 antes de preencher a corda.

1
Sim. Está incluído no link MDN acima. Se você usar o babel para transpilar, não deverá ter um problema.
SomeGuyOnAComputer

10

O seguinte é usado para converter o formato de data db2, ou seja, AAAA-MM-DD usando o operador ternário

var currentDate = new Date();
var twoDigitMonth=((currentDate.getMonth()+1)>=10)? (currentDate.getMonth()+1) : '0' + (currentDate.getMonth()+1);  
var twoDigitDate=((currentDate.getDate())>=10)? (currentDate.getDate()) : '0' + (currentDate.getDate());
var createdDateTo = currentDate.getFullYear() + "-" + twoDigitMonth + "-" + twoDigitDate; 
alert(createdDateTo);

7

Eu faria isso:

var d = new Date('January 13, 2000');
var s = d.toLocaleDateString('en-US', { month: '2-digit', day: '2-digit', year: 'numeric' });
console.log(s); // prints 01/13/2000


6
function monthFormated(date) {
   //If date is not passed, get current date
   if(!date)
     date = new Date();

     month = date.getMonth();

    // if month 2 digits (9+1 = 10) don't add 0 in front 
    return month < 9 ? "0" + (month+1) : month+1;
}

6

Apenas outro exemplo, quase um forro.

var date = new Date();
console.log( (date.getMonth() < 9 ? '0': '') + (date.getMonth()+1) );


5
function monthFormated() {
  var date = new Date(),
      month = date.getMonth();
  return month+1 < 10 ? ("0" + month) : month;
}

5

Se pudesse poupar algum tempo, eu estava procurando:

YYYYMMDD

por hoje e se deu bem com:

const dateDocumentID = new Date()
  .toISOString()
  .substr(0, 10)
  .replace(/-/g, '');

2
A resposta é pura. Para DD/MM/YY, eu fui paranew Date().toISOString().substr(0, 10).split('-').reverse().map(x => x.substr(0, 2)).join('/')
Max Ma

4

Esta foi a minha solução:

function leadingZero(value) {
  if (value < 10) {
    return "0" + value.toString();
  }
  return value.toString();
}

var targetDate = new Date();
targetDate.setDate(targetDate.getDate());
var dd = targetDate.getDate();
var mm = targetDate.getMonth() + 1;
var yyyy = targetDate.getFullYear();
var dateCurrent = leadingZero(mm) + "/" + leadingZero(dd) + "/" + yyyy;


3

Não é uma resposta, mas aqui está como eu obtenho o formato de data que eu preciso em uma variável

function setDateZero(date){
  return date < 10 ? '0' + date : date;
}

var curr_date = ev.date.getDate();
var curr_month = ev.date.getMonth() + 1;
var curr_year = ev.date.getFullYear();
var thisDate = curr_year+"-"+setDateZero(curr_month)+"-"+setDateZero(curr_date);

Espero que isto ajude!


2

Dica do MDN :

function date_locale(thisDate, locale) {
  if (locale == undefined)
    locale = 'fr-FR';
  // set your default country above (yes, I'm french !)
  // then the default format is "dd/mm/YYY"

  if (thisDate == undefined) {
    var d = new Date();
  } else {
    var d = new Date(thisDate);
  }
  return d.toLocaleDateString(locale);
}

var thisDate = date_locale();
var dayN = thisDate.slice(0, 2);
var monthN = thisDate.slice(3, 5);
console.log(dayN);
console.log(monthN);

http://jsfiddle.net/v4qcf5x6/


2

new Date().getMonth() O método retorna o mês como um número (0-11)

Você pode corrigir facilmente o número do mês com esta função.

function monthFormatted() {
  var date = new Date(),
      month = date.getMonth();
  return month+1 < 10 ? ("0" + month) : month;
}

1
function GetDateAndTime(dt) {
  var arr = new Array(dt.getDate(), dt.getMonth(), dt.getFullYear(),dt.getHours(),dt.getMinutes(),dt.getSeconds());

  for(var i=0;i<arr.length;i++) {
    if(arr[i].toString().length == 1) arr[i] = "0" + arr[i];
  }

  return arr[0] + "." + arr[1] + "." + arr[2] + " " + arr[3] + ":" + arr[4] + ":" + arr[5]; 
}

1

E outra versão aqui https://jsfiddle.net/ivos/zcLxo8oy/1/ , espera ser útil.

var dt = new Date(2016,5,1); // just for the test
var separator = '.';
var strDate = (dt.getFullYear() + separator + (dt.getMonth() + 1) + separator + dt.getDate());
// end of setup

strDate = strDate.replace(/(\b\d{1}\b)/g, "0$1")

1

As respostas aqui foram úteis, no entanto, preciso de mais do que isso: não apenas mês, data, mês, horas e segundos, para obter um nome padrão.

Curiosamente, embora o prefixo "0" fosse necessário para todos os itens acima, "+ 1" era necessário apenas para o mês, não para outros.

Como exemplo:

("0" + (d.getMonth() + 1)).slice(-2)     // Note: +1 is needed
("0" + (d.getHours())).slice(-2)         // Note: +1 is not needed

0

Minha solução:

function addLeadingChars(string, nrOfChars, leadingChar) {
    string = string + '';
    return Array(Math.max(0, (nrOfChars || 2) - string.length + 1)).join(leadingChar || '0') + string;
}

Uso:

var
    date = new Date(),
    month = addLeadingChars(date.getMonth() + 1),
    day = addLeadingChars(date.getDate());

jsfiddle: http://jsfiddle.net/8xy4Q/1/


0
var net = require('net')

function zeroFill(i) {
  return (i < 10 ? '0' : '') + i
}

function now () {
  var d = new Date()
  return d.getFullYear() + '-'
    + zeroFill(d.getMonth() + 1) + '-'
    + zeroFill(d.getDate()) + ' '
    + zeroFill(d.getHours()) + ':'
    + zeroFill(d.getMinutes())
}

var server = net.createServer(function (socket) {
  socket.end(now() + '\n')
})

server.listen(Number(process.argv[2]))

0

se você quiser que a função getDate () retorne a data como 01 em vez de 1, aqui está o código para ela ... Vamos supor que a data de hoje seja 01-11-2018

var today = new Date();
today = today.getFullYear()+ "-" + (today.getMonth() + 1) + "-" + today.getDate();      
console.log(today);       //Output: 2018-11-1


today = today.getFullYear()+ "-" + (today.getMonth() + 1) + "-" + ((today.getDate() < 10 ? '0' : '') + today.getDate());
console.log(today);        //Output: 2018-11-01

0

Eu queria fazer algo assim e é isso que eu fiz

ps eu sei que existem respostas corretas no topo, mas só queria adicionar algo meu aqui

const todayIs = async () =>{
    const now = new Date();
    var today = now.getFullYear()+'-';
    if(now.getMonth() < 10)
        today += '0'+now.getMonth()+'-';
    else
        today += now.getMonth()+'-';
    if(now.getDay() < 10)
        today += '0'+now.getDay();
    else
        today += now.getDay();
    return today;
}

muito esforço. Não é?
ahmednawazbutt 23/01

0

Se você marcar menos que 10 , não precisará criar uma nova função para isso. Basta atribuir uma variável entre colchetes e retorná-la com o operador ternário.

(m = new Date().getMonth() + 1) < 10 ? `0${m}` : `${m}`

0
currentDate(){
        var today = new Date();
        var dateTime =  today.getFullYear()+'-'+
                        ((today.getMonth()+1)<10?("0"+(today.getMonth()+1)):(today.getMonth()+1))+'-'+
                        (today.getDate()<10?("0"+today.getDate()):today.getDate())+'T'+
                        (today.getHours()<10?("0"+today.getHours()):today.getHours())+ ":" +
                        (today.getMinutes()<10?("0"+today.getMinutes()):today.getMinutes())+ ":" +
                        (today.getSeconds()<10?("0"+today.getSeconds()):today.getSeconds());        
            return dateTime;
},

0

Eu sugiro que você use uma biblioteca diferente chamada Moment https://momentjs.com/

Dessa forma, você pode formatar a data diretamente sem precisar fazer um trabalho extra

const date = moment().format('YYYY-MM-DD')
// date: '2020-01-04'

Certifique-se de importar o momento também para poder usá-lo.

yarn add moment 
# to add the dependency
import moment from 'moment' 
// import this at the top of the file you want to use it in

Espero que isso ajude: D


1
Moment.js já foi sugerido; mas seu conselho ainda é completo e útil.
iND

0
$("body").delegate("select[name='package_title']", "change", function() {

    var price = $(this).find(':selected').attr('data-price');
    var dadaday = $(this).find(':selected').attr('data-days');
    var today = new Date();
    var endDate = new Date();
    endDate.setDate(today.getDate()+parseInt(dadaday));
    var day = ("0" + endDate.getDate()).slice(-2)
    var month = ("0" + (endDate.getMonth() + 1)).slice(-2)
    var year = endDate.getFullYear();

    var someFormattedDate = year+'-'+month+'-'+day;

    $('#price_id').val(price);
    $('#date_id').val(someFormattedDate);
});
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.