Question

使用instafeedjs和moment.js呈现Instagram Feed并将日期格式设置为相对格式（X天/月/小时/分钟前）。

如下所示，成功函数回调循环通过数组将图像分离为唯一的DOM容器。这部分工作得很完美，但是，既然我需要获得“caption.created_date”，那么包含它也会有点棘手。我可以很容易地输出unix时间戳，但我似乎无法将其转换为所需的输出，如上所述。

非常感谢你的帮助。

＆＃13;

var imgs = [];
var feed = new Instafeed({
    limit: '12',
    get: 'user',
    userId: XXXXX,
    clientId: 'XXXXXXXXXXXXXXXXXXXX',
    accessToken: 'XXXXX.XXXXX.XXXXX',
    limit: 20,
    resolution: 'standard_resolution',
    template: '{{model.created_time_ago}}<img src="{{image}}"/>',
    filter: function (image) {
        var imageDate = new Date(parseInt(image.created_time * 1000, 10));
        var timeAgo = moment(imageDate).fromNow();
        image.create_time_ago = timeAgo;
        return true;
    },
    success: function (data) {
        // read the feed data and create owr own data struture.
        var images = data.data;
        var result;
        for (i = 0; i < images.length; i++) {
            var image = images[i];
            result = this._makeTemplate(this.options.template, {
                model:       image,
                id:          image.id,
                link:        image.link,
                caption:     image.caption.text,
                created_time:image.caption.created_time,
                image: image.images[this.options.resolution].url
            });
            imgs.push(result);
        }
        //split the feed into divs
        $("#gram1").html(imgs.slice(0, 1));
        $("#gram2").html(imgs.slice(1, 2));
        $("#gram3").html(imgs.slice(2, 3));
 
    }
});
feed.run();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://instafeedjs.com/js/instafeed.min.js"></script>

<div id="gram1"></div>
  
<div id="gram2"></div>
  
<div id="gram3"></div>

＆＃13;

Answer 1

我已经在将html插入dom后立即使用成功回调中的moment.js解决了这个问题。时刻是从插入模板段落的数据属性中获取hte unix时间戳。

就像一个魅力！

HKLM\SYSTEM\CurrentControlSet\Control\TimeZoneInformation

Instafeedjs moment.js返回时间

1 个答案: