Як отримати місяць та дату JavaScript у двоцифровому форматі?


333

Коли ми зателефонуємо getMonth()і getDate()на dateоб'єкт, ми отримаємо single digit number. Наприклад :

Бо januaryвін відображається 1, але мені потрібно відображати його як 01. Як це зробити?



Будь ласка, дивіться stackoverflow.com/questions/6040515/…
Аарон

Відповіді:


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

за датою тощо:

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

за місяць.


86
Класно, але: function addZ(n){return n<10? '0'+n:''+n;}трохи більш загальне.
RobG

9
фрагмент розумний, але набагато повільніше, ніж просте порівняння: jsperf.com/slice-vs-comparing
dak

30
@dak: І ​​коли це реально має значення? Я сумніваюся, що ви обчислюєте місяць тисячі разів на секунду.
Саша Чедигов

2
@ KasperHoldum– getMonthі getDateповертайте числа, а не рядки. І якщо потрібна сумісність зі Strings, тоді '0' + Number(n)зробимо роботу.
RobG

9
@ Саша Чедігов впевнений, що ви можете обчислити місяць тисячі разів на секунду, особливо якщо ви сортуєте
Dexygen

87

Якщо ви хочете такого формату, як "YYYY-MM-DDTHH: mm: ss", це може бути швидше:

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

Або часто використовуваний формат дати MySQL "YYYY-MM-DD HH: mm: ss":

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

Я сподіваюся, що це допомагає


1
Це найкоротше рішення, на яке я натрапив. Єдине питання тут - це зміщення часового поясу.
Praym

3
Зсув часового поясу може бути вирішений таким чином: var date = new Date (new Date (). GetTime () - new Date (). GetTimezoneOffset () * 60 * 1000) .toISOString (). Substr (0,19) .replace ('T', '');
Praym

Прайм, ваш код працює для мене, але копія та вставка повинна мати якийсь прихований символ чи щось таке, тому я просто ввів його.
spacebread

Я закінчився цим питанням, намагаючись вирішити цю точну проблему, тому, як виявляється, ваша відповідь - це те, що мені було потрібно.
Інженер Тост

Зауважте, що цей метод повертає дату та час відповідно до часового поясу UTC.
Amr

41

Приклад за місяць:

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

Ви також можете розширити Dateоб'єкт за допомогою такої функції:

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

4
Зауважте, що getMonth повертає число від 0 до 11, а не 1 і 12.
Салман А

4
Це повертає непослідовні результати. За листопад і грудень він повертає рядок, а для інших місяців повертає число.
Тім Даун

Я оновив код для реалізації Salman Попередження, що getMonth дорівнює нулю, а не 1. І додав лапки, щоб переконатися, що рядок завжди повертається.
Ян Дерк

23

Найкращий спосіб зробити це - створити власний простий форматер (як показано нижче):

getDate()повертає день місяця (з 1-31)
getMonth()повертає місяць (з 0-11) < нульовий показник, 0 = січень, 11 = грудень
getFullYear() повертає рік (чотири цифри) < не використовуватиgetYear()

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

Чому б не використовувати 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);

Це завжди поверне двоцифрові числа, навіть якщо місяць або день менше 10.

Примітки:

  • Це буде працювати з Internet Explorer лише в тому випадку, якщо js-код буде перекладено за допомогою babel .
  • getYear()повертає рік з 1900 року і не вимагає padStart.
  • getMonth() повертає місяць від 0 до 11.
    • 1 додається за місяць до оббивки, щоб зберегти його від 1 до 12
  • getDate() повертає день з 1 по 31 рік.
    • 7-й день повернеться, 07і тому нам не потрібно додавати 1, перш ніж набивати рядок.

1
Так. Він включений у посилання MDN вище. Якщо ви використовуєте вавилону для перекладу, у вас не повинно виникнути проблем.
SomeGuyOnAComputer

10

Далі використовується перетворення формату дати db2, тобто YYYY-MM-DD за допомогою потрійного оператора

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


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


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

5

Якщо це могло б витратити якийсь час, я шукав:

YYYYMMDD

на сьогоднішній день, і помирився з:

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

2
Відповідь акуратна. Бо DD/MM/YYя пішовnew Date().toISOString().substr(0, 10).split('-').reverse().map(x => x.substr(0, 2)).join('/')
Макс Ма

4

Це було моє рішення:

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

Не відповідь, але ось як я отримую потрібний мені формат дати у змінній

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

Сподіваюсь, це допомагає!


2

Порада від 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() повертає місяць як число (0-11)

Ви можете легко виправити номер місяця за допомогою цієї функції.

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

І ще одна версія тут https://jsfiddle.net/ivos/zcLxo8oy/1/ , сподіваюся, буде корисною.

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

Відповіді тут були корисними, проте мені потрібно більше, ніж це: не лише місяць, дата, місяць, години та секунди, для імені за замовчуванням.

Цікаво, що хоча препендія "0" була потрібна для всіх вище, "+ 1" потрібна була лише на місяць, а не на інші.

Наприклад:

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

0

Моє рішення:

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

Використання:

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

якщо ви хочете, щоб функція getDate () повернула дату як 01 замість 1, ось код для неї .... Давайте припустимо, що сьогоднішня дата - 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

Я хотів зробити щось подібне, і ось що я зробив

ps Я знаю, що є правильні відповіді вгорі, але я просто хотів додати щось своє

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

занадто багато зусиль. Чи не так?
ahmednawazbutt

0

Якщо ви перевірите менше 10 , ви не повинні створити для цього нову функцію. Просто призначіть змінну в дужки і поверніть її з потрійним оператором.

(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

Я б запропонував вам використовувати іншу бібліотеку під назвою Момент https://momentjs.com/

Таким чином ви зможете форматувати дату безпосередньо, не потребуючи додаткової роботи

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

Переконайтесь, що ви імпортуєте момент, а також зможете ним користуватися.

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

Сподіваюся, це допомагає: D


1
Moment.js вже запропоновано; але ваша порада все-таки повна і корисна.
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);
});
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.