Javascript добавляет начальные нули к дате

Я создал этот скрипт для расчета даты на 10 дней вперед в формате дд / мм / гггг:

var MyDate = new Date();
var MyDateString = new Date();
MyDate.setDate(MyDate.getDate()+10);
MyDateString = MyDate.getDate() + '/' + (MyDate.getMonth()+1) + '/' + MyDate.getFullYear();

Мне нужно, чтобы дата отображалась с ведущими нулями в компоненте дня и месяца, добавив эти правила в сценарий. Кажется, я не могу заставить его работать.

if (MyDate.getMonth < 10)getMonth = '0' + getMonth;

а также

if (MyDate.getDate <10)get.Date = '0' + getDate;

Если бы кто-нибудь мог показать мне, где их вставить в сценарий, я был бы очень признателен.


person Julian Coates    schedule 31.08.2010    source источник
comment
Как хорошее соглашение, вы должны строчные буквы первого символа в ваших именах переменных и зарезервировать верблюжий регистр для объектов / прототипов.   -  person zykadelic    schedule 16.01.2014
comment
Если формат ГГГГ-ММ-ДД приемлем, это будет очень хороший ответ: stackoverflow.com/a/28431880/1717535   -  person Fabien Snauwaert    schedule 04.07.2017
comment
Прокрутите вниз, чтобы найти ответ ES6 + padStart   -  person technogeek1995    schedule 10.08.2020


Ответы (25)


Попробуйте это: http://jsfiddle.net/xA5B7/

var MyDate = new Date();
var MyDateString;

MyDate.setDate(MyDate.getDate() + 20);

MyDateString = ('0' + MyDate.getDate()).slice(-2) + '/'
             + ('0' + (MyDate.getMonth()+1)).slice(-2) + '/'
             + MyDate.getFullYear();

РЕДАКТИРОВАТЬ:

Чтобы пояснить, .slice(-2) дает нам последние два символа строки.

Итак, несмотря ни на что, мы можем добавить "0" к дню или месяцу и просто запросить последние два, поскольку это всегда те два, которые нам нужны.

Итак, если MyDate.getMonth() вернет 9, это будет:

("0" + "9") // Giving us "09"

поэтому добавление .slice(-2) дает нам два последних символа:

("0" + "9").slice(-2)
"09"

Но если MyDate.getMonth() вернет 10, это будет:

("0" + "10") // Giving us "010"

поэтому добавление .slice(-2) дает нам последние два символа, или:

("0" + "10").slice(-2)
"10"
person user113716    schedule 31.08.2010
comment
Разветвленный - формат даты ГГГГ-ММ-ДД jsfiddle.net/j6qJp/1 Может быть полезен для кто-то. Спасибо - person tomexx; 31.10.2012
comment
Может кто-нибудь объяснить, почему это лучше, чем ответ, который дает @Aleross ниже? Не сразу понятно, что он делает по сравнению с функцией pad, которая явно ясна. - person claudio; 30.10.2013
comment
Проще, просто используйте myDate.toISOString () с ведущими нулями. Разберите соответствующие части с помощью подстроки. - person John Henckel; 28.03.2014
comment
@ n00b Согласен. Это длиннее и кажется излишним. Кроме того, это выглядит хуже с точки зрения производительности (вызов slice после конкатенации выглядит дороже, чем простая конкатенация строк после сравнения), но я не выпускник информатики или что-то в этом роде. Это действительно творческое решение, но не более того, я думаю. - person PhistucK; 01.04.2014
comment
Очень умно. Отлично подходит для коротких, быстрых струн. Возможно, вы захотите сделать что-то более производительное, если бы вы обрабатывали их много. В сценарии отображения с перетаскиванием перетаскивание и форматирование нескольких отметок даты / времени и их отображение на лету в движущемся окне - отлично работает. - person rickb; 02.04.2014
comment
Не говоря уже о том, что сегодня этот пример выдал мне 26.06.2014 вместо 06.06.2014 - person DazManCat; 06.06.2014
comment
@DazManCat: Это то, что он должен делать. Код начинается с добавления 20 дней к текущей дате. MyDate.setDate(MyDate.getDate() + 20); - person cookie monster; 25.07.2014
comment
@ n00b Полагаю, это не обязательно лучше, просто популярнее. Я предполагаю, что если они будут размещены рядом, это будет из-за дополнительной частной функции, необходимой для выполнения пэда. - person Phil Cooper; 17.12.2014
comment
@ n00b и @Phil Cooper, не зацикливаясь на обсуждении тонкостей тайминга подпрограмм JavaScript, я обнаружил, что метод slice() в принятом ответе примерно на 1/10 секунды быстрее, чем pad() @Aleross. методику на 1 миллион итераций. jsFiddle. плати деньги, выбирай. - person Karl; 26.11.2015
comment
@claudio, потому что нет необходимости объявлять функцию. - person Tomas Gonzalez; 24.06.2019
comment
классно, спасибо за решение. - person Puttamarigowda M S; 10.02.2021

Современный способ

Новый современный способ сделать это - использовать toLocaleDateString , потому что он позволяет не только форматировать дату с правильной локализацией, но даже передавать параметры формата для архивирования желаемого результата:

var date = new Date(2018, 2, 1);
var result = date.toLocaleDateString("en-GB", { // you can use undefined as first argument
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
});
console.log(result); // outputs “01/03/2018”

Когда вы используете undefined в качестве первого аргумента, вместо этого он определяет язык браузера. В качестве альтернативы вы также можете использовать 2-digit для параметра года. Совместимость хорошая, однако IE не подыгрывает.

Для формата ISO

Если вы хотите получить дату в формате YYYY-MM-DD (ISO), решение выглядит иначе:

var date = new Date(Date.UTC(2018, 2, 1));
var result = date.toISOString().split('T')[0];
console.log(result); // outputs “2018-03-01”

Дата ввода должна быть в формате UTC, иначе toISOString() исправит это за вас. Это делается с помощью Date.UTC, как показано выше.

Разное

Также существует toLocaleTimeString, который позволяет вы можете локализовать и отформатировать время даты.

person Martin Braun    schedule 07.11.2017
comment
Это именно то, что я искал, спасибо. Дополнительную информацию о параметрах, доступных для toLocaleDateString, см. Здесь: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ - person JoseLinares; 25.07.2018
comment
@JoseLinares Привет, спасибо, что вернули эту ссылку в прошлое. Я просто решил улучшить свой ответ, чтобы сделать решение более привлекательным для распространенных сценариев, поскольку вы можете пропустить первый аргумент, и IE10 больше не актуален. Имея это в виду, я включил вашу ссылку в свой ответ. - person Martin Braun; 12.04.2019
comment
@modiX, извините, это была моя ошибка в коде, и я неправильно понял описание. Да, locales (первая переменная) - Необязательный. - person Kanhaiya lal; 03.07.2019
comment
Это должен быть принятый ответ. - person TCSGrad; 14.03.2021
comment
Молодец @MartinBraun! - person Grant Herman; 12.07.2021

Вот пример из документов объекта даты в сети разработчиков Mozilla с использованием настраиваемой функции «pad» без необходимости расширения прототипа Number Javascript. В качестве примера они приводят удобную функцию:

function pad(n){return n<10 ? '0'+n : n}

И ниже это используется в контексте.

/* use a function for the exact format desired... */
function ISODateString(d){
    function pad(n){return n<10 ? '0'+n : n}
    return d.getUTCFullYear()+'-'
    + pad(d.getUTCMonth()+1)+'-'
    + pad(d.getUTCDate())+'T'
    + pad(d.getUTCHours())+':'
    + pad(d.getUTCMinutes())+':'
    + pad(d.getUTCSeconds())+'Z'
}

var d = new Date();
console.log(ISODateString(d)); // prints something like 2009-09-28T19:03:12Z
person Alex Ross    schedule 23.09.2012
comment
Очень хороший способ сделать это. Я думаю, что принятый ответ действительно хорош, но, на мой взгляд, он даже чище - person Binke; 19.01.2016
comment
это может привести к неожиданным ошибкам, так как выводит строку для ‹10 и число для› = 10 - person David Fregoli; 23.06.2017
comment
@DavidFregoli, все эти функции преобразования даты в строку возвращают строку, поэтому, если вы вводите строку, pad выводит только строки. - person Rohmer; 04.12.2017

Вы можете определить функцию "str_pad" (как в php):

function str_pad(n) {
    return String("00" + n).slice(-2);
}
person joan16v    schedule 12.03.2015
comment
0 вместо 00 достаточно - person David Fregoli; 23.06.2017

Для вас, люди из будущего (ECMAScript 2017 и далее)

Решение

"use strict"

const today = new Date()

const year = today.getFullYear()

const month = `${today.getMonth() + 1}`.padStart(2, "0")

const day = `${today.getDate()}`.padStart(2, "0")

const stringDate = [day, month, year].join("/") // 13/12/2017

Объяснение

String.prototype.padStart(targetLength[, padString]) добавляет как можно больше padString в String.prototype цели, чтобы новая длина цели была targetLength.

Пример

"use strict"

let month = "9"

month = month.padStart(2, "0") // "09"

let byte = "00000100"

byte = byte.padStart(8, "0") // "00000100"
person Amin NAIRI    schedule 12.12.2017
comment
Это часть ES2017 или ES8. Так что говорить ES6 + неправильно, поскольку он не является частью ES6 и ES7. - person Noel Llevares; 08.01.2018
comment
Технически это должно быть .padStart(2, '0'), поскольку второй параметр является строкой, хотя, вероятно, это не имеет значения, если вы не используете TypeScript. - person bmaupin; 17.04.2020

Я нашел самый короткий способ сделать это:

 MyDateString.replace(/(^|\D)(\d)(?!\d)/g, '$10$2');

добавит ведущие нули ко всем одиноким, однозначным цифрам

person Povesma Dmytro    schedule 05.09.2017
comment
Мне нравится это решение, не могли бы вы немного пояснить, что там происходит? - person Gobliins; 08.08.2019
comment
Не могли бы вы объяснить, как это работает? Похоже на элегантное решение - person SeaWarrior404; 03.11.2020
comment
Regexp находит максимум три группы: $ 1 - любой нецифровой символ (или начало строки) $ 2 - любая цифра $ 3 - любая нецифровая цифра (которая может не существовать) Затем мы заменяем захваченный (сопоставленный) материал на $ 1 + 0 + $ 2, что соответствует 10 $ 2 в строке замены. - person Povesma Dmytro; 11.11.2020
comment
Он находит одну цифру (между любыми другими символами) и добавляет ноль перед этой единственной цифрой. Вы можете играть с S = ['1/2/16', '2.10.20', '3 5 9', 'Сегодня 4.5 .20 ',' Американский стиль 3/9/21 ']; S.forEach (s = ›console.log (s.replace (/ (^ | \ D) (\ d) (?! \ D) / g, '$ 10 $ 2'))) - person Povesma Dmytro; 11.11.2020
comment
$3 не существует в вашем регулярном выражении, (?!\d) - отрицательный прогноз, чтобы не добавлять начальный ноль, если имеется более одной цифры. - person Chupo_cro; 12.07.2021

Number.prototype.padZero= function(len){
 var s= String(this), c= '0';
 len= len || 2;
 while(s.length < len) s= c + s;
 return s;
}

//в использовании:

(function(){
 var myDate= new Date(), myDateString;
 myDate.setDate(myDate.getDate()+10);

 myDateString= [myDate.getDate().padZero(),
 (myDate.getMonth()+1).padZero(),
 myDate.getFullYear()].join('/');

 alert(myDateString);
})()

/*  value: (String)
09/09/2010
*/
person kennebec    schedule 31.08.2010

Есть другой подход к решению этой проблемы, использующий slice в JavaScript.

var d = new Date();
var datestring = d.getFullYear() + "-" + ("0"+(d.getMonth()+1)).slice(-2) +"-"+("0" + d.getDate()).slice(-2);

datestring дата возврата с ожидаемым форматом: 2019-09-01

другой подход - использование библиотеки dateformat: https://github.com/felixge/node-dateformat

person behnam shateri    schedule 01.09.2019
comment
Позаботьтесь о написании JavaScript. - person Basil Bourque; 02.09.2019

Вы можете использовать тернарный оператор для форматирования даты как оператора «if».

Например:

var MyDate = new Date();
MyDate.setDate(MyDate.getDate()+10);
var MyDateString = (MyDate.getDate() < 10 ? '0' + MyDate.getDate() : MyDate.getDate()) + '/' + ((d.getMonth()+1) < 10 ? '0' + (d.getMonth()+1) : (d.getMonth()+1)) + '/' + MyDate.getFullYear();

So

(MyDate.getDate() < 10 ? '0' + MyDate.getDate() : MyDate.getDate())

будет аналогично оператору if, где, если getDate () возвращает значение меньше 10, затем вернет '0' + Дата, или же вернет дату, если больше 10 (поскольку нам не нужно добавлять ведущие 0). То же самое за месяц.

Изменить: забыл, что getMonth начинается с 0, поэтому добавил +1 для этого. Конечно, вы также можете просто сказать d.getMonth () ‹9:, но я подумал, что использование +1 поможет облегчить понимание.

person Hellojeffy    schedule 13.03.2014

Вы можете предоставить параметры в качестве параметра для форматирования даты. Первый параметр предназначен для языкового стандарта, который может вам не понадобиться, а второй - для параметров. Для получения дополнительной информации посетите https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

var date = new Date(Date.UTC(2012, 1, 1, 3, 0, 0));
var options = { year: 'numeric', month: '2-digit', day: '2-digit' };
console.log(date.toLocaleDateString(undefined,options));
person MJ55    schedule 07.03.2019

Я заключил правильный ответ на этот вопрос в функцию, которая может добавлять несколько ведущих нулей, но по умолчанию добавляет 1 ноль.

function zeroFill(nr, depth){
  depth = (depth === undefined)? 1 : depth;

  var zero = "0";
  for (var i = 0; i < depth; ++i) {
    zero += "0";
  }

  return (zero + nr).slice(-(depth + 1));
}

для работы только с числами и не более 2-х цифр, это тоже подход:

function zeroFill(i) {
    return (i < 10 ? '0' : '') + i
  }
person Robbie Bardijn    schedule 17.05.2014

Что бы я сделал, так это создать свой собственный помощник по дате, который выглядит следующим образом:

var DateHelper = {
    addDays : function(aDate, numberOfDays) {
        aDate.setDate(aDate.getDate() + numberOfDays); // Add numberOfDays
        return aDate;                                  // Return the date
    },
    format : function format(date) {
        return [
           ("0" + date.getDate()).slice(-2),           // Get day and pad it with zeroes
           ("0" + (date.getMonth()+1)).slice(-2),      // Get month and pad it with zeroes
           date.getFullYear()                          // Get full year
        ].join('/');                                   // Glue the pieces together
    }
}

// With this helper, you can now just use one line of readable code to :
// ---------------------------------------------------------------------
// 1. Get the current date
// 2. Add 20 days
// 3. Format it
// 4. Output it
// ---------------------------------------------------------------------
document.body.innerHTML = DateHelper.format(DateHelper.addDays(new Date(), 20));

(см. также эту скрипку)

person John Slegers    schedule 09.03.2016

Другой вариант, используя встроенную функцию для заполнения (но в результате получается довольно длинный код!):

myDateString = myDate.getDate().toLocaleString('en-US', {minimumIntegerDigits: 2})
  + '/' + (myDate.getMonth()+1).toLocaleString('en-US', {minimumIntegerDigits: 2})
  + '/' + myDate.getFullYear();

// '12/06/2017'

И еще одно, манипулирование строками с помощью регулярных выражений:

var myDateString = myDate.toISOString().replace(/T.*/, '').replace(/-/g, '/');

// '2017/06/12'

Но имейте в виду, что год будет отображаться в начале, а день в конце.

person joeytwiddle    schedule 12.06.2017
comment
больше всего понравилось: myDate.getDate (). toLocaleString ('en-US', {minimumIntegerDigits: 2}) - person Max Alexander Hanna; 06.12.2018

Добавив к ответу @modiX, вот что работает ... НЕ ОСТАВЛЯЙТЕ ЭТО пустым

today.toLocaleDateString("default", {year: "numeric", month: "2-digit", day: "2-digit"})
person francis    schedule 06.05.2019

попробуйте это для базовой функции, библиотеки не требуются

Date.prototype.CustomformatDate = function() {
 var tmp = new Date(this.valueOf());
 var mm = tmp.getMonth() + 1;
 if (mm < 10) mm = "0" + mm;
 var dd = tmp.getDate();
 if (dd < 10) dd = "0" + dd;
 return mm + "/" + dd + "/" + tmp.getFullYear();
};
person vishu2124    schedule 04.09.2019

Вот очень простой пример того, как можно справиться с этой ситуацией.

var mydate = new Date();

var month = (mydate.getMonth().toString().length < 2 ? "0"+mydate.getMonth().toString() :mydate.getMonth());

var date = (mydate.getDate().toString().length < 2 ? "0"+mydate.getDate().toString() :mydate.getDate());

var year = mydate.getFullYear();

console.log("Format Y-m-d : ",year+"-"+month+"-" + date);

console.log("Format Y/m/d : ",year+"/"+month+"/" + date);

person Vikas Kandari    schedule 17.11.2019
comment
И вы пропустили +1 за месяц - person Baccata; 04.06.2021

Вы можете просто использовать:

const d = new Date();
const day = `0${d.getDate()}`.slice(-2);

Таким образом, можно создать такую ​​функцию, как:

AddZero(val){
    // adding 0 if the value is a single digit
    return `0${val}`.slice(-2);
}

Ваш новый код:

var MyDate = new Date();
var MyDateString = new Date();

MyDate.setDate(MyDate.getDate()+10);
MyDateString = AddZero(MyDate.getDate()) + '/' + AddZero(MyDate.getMonth() + 1) + '/' + MyDate.getFullYear();
person Angad Sandhu    schedule 02.11.2020

toISOString может быть ведущим 0

    const currentdate = new Date(); 
    const date = new Date(Date.UTC(currentdate.getFullYear(), (currentdate.getMonth()),currentdate.getDate(), currentdate.getHours(), currentdate.getMinutes(), currentdate.getSeconds()));
    //you can pass YY, MM, DD //op: 2018-03-01
    //i have passed YY, MM, DD, HH, Min, Sec // op : 2021-06-09T12:14:27.000Z
    console.log(date.toISOString());

вывод будет примерно таким: 2021-06-09T12: 14: 27.000Z

person Parameshwar    schedule 09.06.2021

Следующее предназначено для извлечения конфигурации, подключения к Date.protoype и применения конфигурации.

Я использовал Array для хранения временных отрезков, и когда я push() this как объект Date, он возвращает мне длину для итерации. Когда я закончу, я могу использовать join для значения return.

Кажется, это работает довольно быстро: 0,016 мс.

// Date protoype
Date.prototype.formatTime = function (options) {
    var i = 0,
        time = [],
        len = time.push(this.getHours(), this.getMinutes(), this.getSeconds());

    for (; i < len; i += 1) {
        var tick = time[i];
        time[i] = tick < 10 ? options.pad + tick : tick;
    }

    return time.join(options.separator);
};

// Setup output
var cfg = {
    fieldClock: "#fieldClock",
    options: {
        pad: "0",
        separator: ":",
        tick: 1000
    }
};

// Define functionality
function startTime() {
    var clock = $(cfg.fieldClock),
        now = new Date().formatTime(cfg.options);

    clock.val(now);
    setTimeout(startTime, cfg.options.tick);
}

// Run once
startTime();

демонстрация: http://jsfiddle.net/tive/U4MZ3/

person Tim Vermaelen    schedule 01.05.2013

Добавьте отступ, чтобы разрешить начальный ноль - там, где это необходимо - и объедините, используя выбранный вами разделитель в виде строки.

Number.prototype.padLeft = function(base,chr){
        var  len = (String(base || 10).length - String(this).length)+1;
        return len > 0? new Array(len).join(chr || '0')+this : this;
    }

var d = new Date(my_date);
var dformatted = [(d.getMonth()+1).padLeft(), d.getDate().padLeft(), d.getFullYear()].join('/');
person TV-C-1-5    schedule 05.10.2017

Как предлагает @John Henckel, начиная использовать toISOString () упрощает задачу

const dateString = new Date().toISOString().split('-');
const year = dateString[0];
const month = dateString[1];
const day = dateString[2].split('T')[0];

console.log(`${year}-${month}-${day}`);

person Mario    schedule 25.02.2019

Вы можете использовать String.slice (), который извлекает часть строки и возвращает ее как новую строку, не изменяя исходную строку:

const currentDate = new Date().toISOString().slice(0, 10) // 2020-04-16

Или вы также можете использовать библиотеку, такую ​​как Moment.js, для форматирования даты:

const moment = require("moment")
const currentDate = moment().format("YYYY-MM-DD") // 2020-04-16
person Julia Ramos    schedule 16.04.2020

Простая библиотека dateformat спасла мою жизнь (GitHub):

  • Node.js: var dateFormat = require("dateformat");
  • ES6: import dateFormat from "dateformat";
const now = new Date();             // consider 3rd of December 1993

const full = dateFormat(today, "yyyy-mm-dd");  // 1993-12-03
const day = dateFormat(today, "dd");           // 03
const month = dateFormat(today, "mm");         // 12
const year = dateFormat(today, "yyyy");        // 1993

Стоит отметить, что он поддерживает широкий спектр вариантов масок.

person Nikolas Charalambidis    schedule 07.03.2021

person    schedule
comment
вы также можете вкратце описать, что вы пытаетесь сделать. - person Shiv Kumar Baghel; 16.05.2019

person    schedule
comment
Хотя этот код может ответить на вопрос, предоставление дополнительного контекста относительно того, как и / или почему он решает проблему, улучшит долгосрочную ценность ответа. - person leopal; 10.01.2020