使用 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 中的字段发送。如果要显示 "time since"，则必须将时间转换为 Date（如果尚未转换），然后从当前时间中减去消息中的时间，如前所述here.

使用 Moment JS 在聊天应用程序中格式化时间

Format time in Chat Application using Moment JS

javascript

laravel

time

momentjs

pusher