Javascript добавить ведущие нули на сегодняшний день - PullRequest
373 голосов
/ 31 августа 2010

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

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

Ответы [ 20 ]

3 голосов
/ 05 сентября 2017

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

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

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

2 голосов
/ 07 марта 2019

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

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

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

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'

Но учтите, что год будет показываться в начале 1008 *, а в конце .

.
0 голосов
/ 25 февраля 2019

Как подсказывает @Джон Хенкель, использование метода 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 голосов
/ 01 мая 2013

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

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

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 голосов
/ 06 мая 2019

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

today.toLocaleDateString("default", {year: "numeric", month: "2-digit", day: "2-digit"})
0 голосов
/ 16 мая 2019
 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 голосов
/ 09 марта 2016

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

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

(см. Также this Fiddle )

...