Fetch, запрос с git hub api, как правильно отформатировать полученные даты?

Question

[Денис]

https://codepen.io/fristyr/pen/arzQWL

Я по клику вывожу инфу о своих репозиториях, есть дата
item.updated_at
последнего обновления, но не в том формате, в котором я бы хотел, её можно как-то отформатировать? Например, чтобы выводилось "4 марта 2019".

Answer 1

[0xD34F]

https://momentjs.com/

moment.locale('ru');

document.querySelector('#load').addEventListener('click', function load() {
  fetch('https://api.github.com/users/fristyr/repos')
    .then(r => r.json())
    .then(data => {
      const formatIn = 'YYYY-MM-DDTHH:mm:ss';
      const formatOut = 'DD MMMM YYYY';

      document.querySelector('.repo-wrapp').insertAdjacentHTML('afterbegin', data.map(item => `
        <article class="repo"> 
          <a href="${item.html_url}" class="repo__name">${item.name}</a>
          <br>
          <span class="repo__technology">${item.language}</span> 
          <span class="repo__update">${moment(item.updated_at, formatIn).format(formatOut)}</span>
        </article>`
      ).join(' '));
    });
});

Answer 2

[Somewhere Intech]

const repoLink = item.html_url, d = new Date(item.updated_at), 
date=d.getDate()+' '+(['января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря'])[d.getMonth()] + ' ' + d.getFullYear();

...
`<span class="repo__update">${date}</span>`
Или культурно:

`<span class="repo__update">${new Date(item.updated_at).toLocaleDateString('ru-RU',{day: 'numeric',month:'long',year: 'numeric'}).replace(" г.", "")}</span>`

Comments

[Денис]

Благодарю, ваш последний вариант самый мне подходящий, спасибо большое