How can I display either the date or the time in Flutter?

Question

I would like to either display the date if a message was not sent today, or the time if the message was sent today.

I use the Firebase server on which I save the server TimeStamp for every message I send.

This is an excerpt from my code:

 Text(
    snapshot.data.documents[0]["time"] == DateTime.now()
        ? DateFormat.Hm().format(snapshot.data.documents[0]["time"].toDate()).toString()
        : DateFormat.yMd().format(snapshot.data.documents[0]["time"].toDate()).toString(),
    style: TextStyle(
      color: Colors.grey,
      fontSize: 15.0,
      fontWeight: FontWeight.bold,
    ),
  )

Unfortunately, my code only gives me the date. In addition, the date is output as follows: 3/27/2021. However, I want the date to be displayed as follows: 03/27/2021.

Вадим · Answer 1 · 2021-03-28T10:36:16.110

This is my final code. It works perfectly now. Thanks again for your help! :)

                                      Text(
                                      DateTime.now()
                                                  .difference(snapshot
                                                      .data.documents[0]["time"]
                                                      .toDate())
                                                  .inHours ==
                                              0
                                          ? DateFormat.Hm()
                                              .format(snapshot
                                                  .data.documents[0]["time"]
                                                  .toDate())
                                              .toString()
                                          : DateFormat('dd.MM.yyyy')
                                              .format(snapshot
                                                  .data.documents[0]["time"]
                                                  .toDate())
                                              .toString(),
                                    ),

EngineSense · Accepted Answer · 2021-03-27T17:09:03.637

0

1st case would be like

DateTime dateTime = DateTime.now();

Text(dateTime.difference(yourCurrentDay).inDays == 0 ? DateFormat.Hm()
                                          .format(snapshot
                                              .data.documents[0]["time"]
                                              .toDate())
                                          .toString()
                                      : DateFormat.yMd()
                                      .format(snapshot
                                      .data.documents[0]["time"]
                                      .toDate())
                                      .toString())

Try the simple format method. Your question at the end was not clear.

 DateFormat formater = DateFormat('MM/dd/yyyy');
 String formatted = formater.format(now);
 print(formatted); 

 03/27/2021

more here.... enter link description here

edited Mar 27 '21 at 17:09

answered Mar 27 '21 at 16:55

EngineSense

3,266
8
28
44

Thank you for answering my 2nd question. My 1st question has not yet been answered. Can you help me with that too? – Вадим Mar 27 '21 at 17:00
would you go through that? – EngineSense Mar 27 '21 at 17:09
Otherwise to show difference in time or date important data. Check timeago package nice one. – EngineSense Mar 27 '21 at 17:10
The Package is very nice, thanks for that, but it does not solve my problem... :/ – Вадим Mar 27 '21 at 17:15
What do you mean by time difference? :) – Вадим Mar 27 '21 at 17:43

How can I display either the date or the time in Flutter?

2 Answers2