Javascript добавить ведущие нули на сегодняшний день


438

Я создал этот скрипт для расчета даты за 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;

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


6
Как хорошее соглашение, вы должны в нижнем регистре первый символ в именах переменных и резервировать верблюжий корпус для объектов / прототипов.
zykadelic

Если формат YYYY-MM-DD приемлем, это был бы очень хороший ответ: stackoverflow.com/a/28431880/1717535
Фабьен Сноваверт

Ответы:


1354

Попробуйте это: 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"

27
Forked - формат даты ГГГГ-ММ-ДД jsfiddle.net/j6qJp/1 Может быть кому-нибудь пригодится. Спасибо
tomexx

3
Может кто-нибудь объяснить, почему это лучше, чем ответ, который @Aleross дает ниже? Не сразу понятно, что он делает по сравнению с функцией pad, которая явно ясна.
Клаудио

2
Не говоря уже о том, что сегодня этот пример дал мне 26.06.2014 вместо 06.06.2014
DazManCat

3
@DazManCat: Это то, что он должен делать. Код начинается с добавления 20 дней к текущей дате. MyDate.setDate(MyDate.getDate() + 20);
печенье монстр

3
@ n00b и @Phil Cooper, не зацикливаясь на обсуждении входов и выходов синхронизации подпрограмм JavaScript, я обнаружил, что slice()прием принятого ответа примерно на 1/10 секунды быстрее, чем прием @Aleross pad()в 1 миллион итераций. jsFiddle . "заплати свои деньги, сделай свой выбор".
Карл

105

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

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

3
Очень хороший способ сделать это. Я думаю, что принятый ответ действительно хорош, но на мой взгляд, он еще чище
Бинке,

1
это может привести к неожиданным ошибкам, поскольку выводит строку для <10 и число для> = 10
Дэвид Фреголи

@DavidFregoli, все эти функции даты в строку возвращают строку, поэтому, если вы вводите строку, padвыводятся только строки.
Ромер

56

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

var date = new Date(2018, 2, 1);
var result = date.toLocaleDateString("en-GB", { // you can skip the first argument
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
});
console.log(result);

Когда вы пропустите первый аргумент, он определит язык браузера. Кроме того, вы также можете использовать 2-digitопцию года.

Если вам не нужно поддерживать старые браузеры, такие как IE10, это самый чистый способ сделать эту работу. IE10 и более низкие версии не будут понимать аргумент параметров.

Примечание: Кроме того, есть также toLocaleTimeString, если вы хотите локализовать или отформатировать время даты.


3
Это именно то, что я искал, спасибо. Подробнее о параметрах, доступных для toLocaleDateString, можно узнать здесь: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
JoseLinares,

1
@JoseLinares Привет, спасибо, что вернул эту ссылку в эти дни. Я просто решил улучшить свой ответ, чтобы сделать решение более привлекательным для распространенных сценариев, поскольку вы можете пропустить первый аргумент, а IE10 больше не актуален. Имея это в виду, я включил вашу ссылку в мой ответ.
Мартин Браун

@modiX, извините, это была моя ошибка в коде, и я неправильно понял описание, да, locales (первая переменная) является необязательной .
Канхайя лал

@Kanhaiyalal Не волнуйтесь, ошибки могут случиться. Я был только удивлен, что 2 из 3 рецензентов также одобрили неправильное редактирование.
Мартин Браун


30

Для вас, людей из будущего (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

Explaination

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"

4
Это часть ES2017 или ES8. Поэтому неправильно говорить «ES6 +», так как он не является частью ES6 и ES7.
Ноэль Льеварес

1
Технически это должно быть .padStart(2, '0')так, поскольку вторым параметром является строка, хотя, вероятно, это не будет иметь значения, если вы не используете TypeScript
bmaupin

Вы правы, я отредактирую свой ответ.
Амин НАИРИ

11
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
*/

10

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

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

добавит начальные нули ко всем одиночным, однозначным


Мне нравится это решение, не могли бы вы немного прояснить, что там происходит?
Гоблины

7
var MyDate = new Date();
var MyDateString = '';
MyDate.setDate(MyDate.getDate());
var tempoMonth = (MyDate.getMonth()+1);
var tempoDate = (MyDate.getDate());
if (tempoMonth < 10) tempoMonth = '0' + tempoMonth;
if (tempoDate < 10) tempoDate = '0' + tempoDate;
MyDateString = tempoDate + '/' + tempoMonth + '/' + MyDate.getFullYear();

5

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

Например:

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();

Так

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

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

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


спасибо за объяснение +1
Брайан А

5

Существует другой подход для решения этой проблемы, использующий 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


Будьте осторожны при написании "JavaScript".
Базилик Бурк

3

Сделайте вашу жизнь проще и используйте Moment.js пример кода:

var beginDateTime = moment()
  .format('DD-MM-YYYY HH:mm')
  .toString();

// Now will print 30-06-2015 17:55
console.log(beginDateTime);

4
moment.js -> не очень хорошее решение с 19,8 тыс. кода по сравнению с решениями размером 0,3 тыс. здесь.
MarcoZen

3
function formatDate(jsDate){
  // add leading zeroes to jsDate when days or months are < 10.. 
  // i.e.
  //     formatDate(new Date("1/3/2013")); 
  // returns
  //    "01/03/2103"
  ////////////////////
  return (jsDate.getDate()<10?("0"+jsDate.getDate()):jsDate.getDate()) + "/" + 
      ((jsDate.getMonth()+1)<10?("0"+(jsDate.getMonth()+1)):(jsDate.getMonth()+1)) + "/" + 
      jsDate.getFullYear();
}

3

Вы можете предоставить параметры в качестве параметра для форматирования даты. Первый параметр предназначен для локали, которая может вам не понадобиться, а второй - для параметров. Для получения дополнительной информации посетите 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));

1
Спасибо за предложения.
MJ55

2

Я обернул правильный ответ на этот вопрос в функцию, которая может добавлять несколько ведущих нулей, но по умолчанию добавляет 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
  }

1

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

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'

Но имейте в виду, что каждый покажет год в начале и день в конце .


больше всего понравилось: myDate.getDate (). toLocaleString ('en-US', {imumIntegerDigits: 2})
Макс Александр Ханна

1

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

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

1

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

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);


0

Следующее предназначено для извлечения конфигурации, подключения 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/


0

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

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));

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


0

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

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('/');

0

Как говорит @Джон Хенкель, начало использования метода 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}`);


0
 let date = new Date();
 let dd = date.getDate();//day of month

 let mm = date.getMonth();// month
 let yyyy = date.getFullYear();//day of week
 if (dd < 10) {//if less then 10 add a leading zero
     dd = "0" + dd;
   }
 if (mm < 10) {
    mm = "0" + mm;//if less then 10 add a leading zero
  }

Вы также можете кратко описать, что вы пытаетесь.
Шив Кумар

0

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

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();
};

0
function pad(value) {
    return value.tostring().padstart(2, 0);
}

let d = new date();
console.log(d);
console.log(`${d.getfullyear()}-${pad(d.getmonth() + 1)}-${pad(d.getdate())}t${pad(d.gethours())}:${pad(d.getminutes())}:${pad(d.getseconds())}`);

2
Хотя этот код может ответить на вопрос, предоставление дополнительного контекста относительно того, как и / или почему он решает проблему, улучшит долгосрочную ценность ответа.
Леопал

0

Вы можете использовать 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
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.