Как изменить дату Wordpress REST API в формат «время назад» - PullRequest
Новая
       7

Как изменить дату Wordpress REST API в формат «время назад»

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

Относительно плохо знаком с использованием Wordpress REST API.Изучая код и читая тонны форумов и учебных пособий, я смог написать этот код для пользовательского типа поста.

Моя проблема пытается получить метку времени ISO8601 для отображения как " xx ago ".

Я изучил Moments.js и попробовал TimeAgo плагин;но не уверен, что я правильно понимаю языки, чтобы применить функции к моему текущему коду.

Любая помощь приветствуется.

 <div id="wodfeed"></div>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>$.ajax({
  url: '/wp-json/wp/v2/memberworkouts',
  dataType: 'json',
  type: 'get',
  cache: false,
  success: function (data) { 
    $(data).each(function(index, value) {
      var jtitle = value.title.rendered;
      var jimg = value.featured_image;
      var jid = value.member_id;
      var jtime=value.modified;

      $('#wodfeed').append('<div><h3 id="prog_date"><time class="timeago" datetime="' + jtime + '"> ' + jtime + ' </time></h3><h1 class="member-id">@' + jid + '</h1><img class="memberwod" src="'+ jimg +'"><h2 class="post-title"><span class="namebefore">' + jid + ' completed: </span> ' + jtitle + '</h2></div>');
    });
  }
});</script>

1 Ответ

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

За @AswinKumar, используя Moments.js

Передать в качестве новой переменной: 

moment(jtime).fromNow()

Затем вызвать новую переменную в добавлении 

 success: function (data) { 
    $(data).each(function(index, value) {
      var jtitle = value.title.rendered;
      var jimg = value.featured_image;
      var jid = value.member_id;
      var jtime=value.modified;
      var jtimeago= moment(jtime).fromNow(); 



      $('#wodfeed').append('<div><h3 id="prog_date">' + jtimeago + '</h3><h1 class="member-id">@' + jid + '</h1><img class="memberwod" src="'+ jimg +'"><h2 class="post-title"><span class="namebefore">' + jid + ' completed: </span> ' + jtitle + '</h2></div>');
    });
...