如何将Wordpress REST API日期更改为“时间之前”格式

时间:2019-02-25 06:07:37

标签: jquery ajax wordpress wordpress-rest-api

使用Wordpress REST API相对较新。在学习代码的同时学习了很多论坛和教程,我设法为自定义帖子类型编写了此代码。

我的问题是试图使ISO8601时间戳呈现为“ xx 以前”。

我研究了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 :(得分:1)

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