如何将 Wordpress REST API 日期更改为 "time ago" 格式

Question

对使用 Wordpress REST 比较陌生 API。在我编码的同时学习并阅读了大量的论坛和教程，我已经设法为自定义 post 类型编写此代码。

我的问题是试图让 ISO8601 时间戳呈现为“xx ago”。

我研究了 Moments.js & tried 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>

Answer 1

根据@AswinKumar 使用 Moments.js

作为新变量传递：

moment(jtime).fromNow()

然后在append中调用新的变量

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

如何将 Wordpress REST API 日期更改为 "time ago" 格式

How To Change Wordpress REST API date into "time ago" format

ajax

wordpress

jquery

wordpress-rest-api