如何在对话开始时以及每次对话在另一个日期再次激活时显示 div 日期

Question

我正在制作一个与 AngularJS 和 JavaScript 的聊天应用程序，当你开始与某人对话时，我想显示一个 div（图中的蓝色日期）以显示指示对话开始的日期。当对话结束并在另一个日期再次开始时，我只想在那天显示一次日期 div。当你向上滚动时，你会看到另一个日期的对话。

Here is the image

如您所见，有一段对话发生在 2015 年 4 月 17 日，另一段对话发生在 2015 年 5 月 5 日。当我输入从今天开始的日期时，会多次显示。

我不知道如何修复它。任何帮助将不胜感激。

编辑

这是 HTML 中的一些代码：

<div sd-slimscroll sd-height="auto" sd-color="#878787"  sd-always-visible="true" sd-size="5px" class="conversation-container">
<!-- WHOLE MESSAGE FROM USER/ADMIN (INCLUDING DATE) -->
<div class="{{ message.animationClass }}" ng-repeat="message in conversation.Messages">
    <!-- DATE (BLUE DATE IN IMAGE -->
    <div class="row">
        <div class="col-lg-12">
            <div class="date text-center">
                {{ message.time | date: "dd MMMM yyyy" }}
            </div>
        </div>
    </div>
    <!-- WHAT THE USER/ADMIN HAS TYPED -->
    <div class="row">
        <div class="col-lg-12">
            <div class="media {{ message.messageClass }}">
                <div class="media-body">
                    <h5 class="media-heading">{{conversation.Person.name}}</h5>
                    {{ message.text }} <img class="img-responsive" ng-show="message.imageURL" src="{{ message.imageURL }}"/><br />
                    <div class="message-time">{{ message.time | date: "HH:mm" }}</div>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

检查今天的日期是否已经显示（在变量中），如果是，则不显示。第二天，同样的逻辑会在开始时显示日期，直到第二天才显示..

如何在对话开始时以及每次对话在另一个日期再次激活时显示 div 日期

How to show div with date at the beginning of a conversation and every time the conversation is active again on another date

javascript

jquery

chat

date

angularjs