How to show message date in JSQMessagesViewController

Question

I am trying to make a chat app and I am using JSQMessagesViewController library. My Chat View show all the messages with their date and time but I am facing some little bit of problem with this library. My problem is I wanna show message date only Once. Suppose: Yesterday date contains 10 messages and today date contains 15 messages

and I wanna show Only single date of these messages as not repeat dates for every messages

score 4 · Accepted Answer · edited Aug 11 '17 at 07:11

4

Well you need to determine if the message is the first of that day. Then return nil for all the others till a new day.

I created a function to determine if my message was the first sent by that individual. It looks like this

func firstMessageOfTheDay(indexOfMessage: NSIndexPath) -> Bool { 
  let messageDate = messages[indexOfMessage.item].date
  guard let previouseMessageDate = messages[indexOfMessage.item - 1].date else {
    return true // because there is no previous message so we need to show the date
  }
    let day = Calendar.current.component(.day, from: messageDate)
    let previouseDay = Calendar.current.component(.day, from: previouseMessageDate)
    if day == previouseDay {
        return false
    } else {
        return true
    }
}

Then call that in the appropriate function. Hope that helps let me know if you have any other questions.

edited Aug 11 '17 at 07:11

Hashem Aboonajmi

13,077
8
66
75

answered Sep 18 '16 at 22:05

Dan Leonard

3,325
1
20
32

Thanks Daniel its really perfect answer that i need – Umesh Verma Sep 19 '16 at 06:51
I'm glad it helped – Dan Leonard Sep 19 '16 at 14:22
Hi Umesh, can you post your whole code for display date please? I can't find the way to do it like you – Ghiggz Pikkoro Nov 07 '17 at 10:14

score 1 · Answer 2 · answered Sep 12 '16 at 14:14

1

Use this method to do this.

func collectionView(collectionView: JSQMessagesCollectionView, attributedTextForCellTopLabelAtIndexPath indexPath: NSIndexPath) -> NSAttributedString? {

You have to check the message date if the date is different then previous message date return date in which format you want otherwise return nil.

answered Sep 12 '16 at 14:14

Surjeet Rajput

1,251
17
24

@DilipTiwari how i can help you ? – Surjeet Rajput Jul 31 '18 at 06:50
you should check order of incoming messages. – Surjeet Rajput Jul 31 '18 at 07:01
this is my code bro https://gist.github.com/diliptiwari333/c4590979d6b5086d85090e19c77b8313 – Dilip Tiwari Jul 31 '18 at 07:05
Bro you need to understand async operations. At the line 153 you downloading image after that you are adding that to messages list. – Surjeet Rajput Jul 31 '18 at 07:14
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/177068/discussion-between-dilip-tiwari-and-commando24). – Dilip Tiwari Jul 31 '18 at 07:14

How to show message date in JSQMessagesViewController

2 Answers2