javascript - 使用 Moment JS 在聊天应用程序中设置时间格式

Question

我正在进行聊天，并且我正在附加发表评论 a 的时间戳。

这就是我使用 Pusher 和 Laravel 5.2 的方式:

channel.bind('App\\Events\\MessageSent', function(data){
    console.log(data);
    $('#chat-box-message').empty(html);
    for (var i = 0; i< data.length; i++) {

        for (var key in data) {  //empty the div for append does not repeat
            var obj = data[key];
            for (var prop in obj) {

                $('#chat-box-message').append(
                    '<div class="comment">'+
                    ' +obj[prop]['gamertag']+
                    '<div class="metadata">'+
                    + moment(obj[prop]['created_at']).format('h:mm:ss a') +
                    '</div>'
                );
            }
        }
    }
});

当我在聊天中输入内容时，这是我从其他用户屏幕获得的结果。

如何将时间调整为我当前的时间，即发表评论时的晚上 8:26。

我正在使用 moment JS 库。

或者更好的是，显示相对时间，比如评论是 5 分钟前发布的。

Answer 1

当您广播消息时，您应该获取当前时间。然后您可以将其作为消息data中的字段发送。如果您想显示“自此以来的时间”，则必须将时间转换为Date(如果还没有)，然后从当前时间中减去消息中的时间，如上所述here .