I am trying to get readable date from firestore

Question

I am trying to get readable date from Timestamp data type in my firestore database.

for (var ticketDoc of ticketsSnapshot.docs) {
            var timeStamp = await ticketDoc.data().TimePreferred;
            console.log(timeStamp.toDate());
            var time = new Date(timeStamp).toDate();
            ticketDoc.data().TimePreferred = time;
            tickets.push(ticketDoc.data());
        }

I read the question about a similar problem at :

How do I convert a Firestore date/Timestamp to a JS Date()?

so, i tried to do same and i expect the output of readable date, although it gives me the correct result in

console.log(timeStamp.toDate());

but also it gives me an error. Console output as follow :-

2019-04-10T06:30:00.000Z
TypeError: (intermediate value).toDate is not a function

Not : I am trying to get readable date in postman

Did you figure this out? I'm stuck with a similar problem https://stackoverflow.com/questions/61166977/rendering-a-firestore-timestamp-in-react — Mel, Apr 12 '20 at 07:07
In some cases you have to create the Timestamp object before being able to convert it: `new firebase.firestore.Timestamp(timestamp._seconds, timestamp._nanoseconds)` — Gesichtsfelsen, Aug 18 '23 at 12:33

score 2 · Accepted Answer · answered Apr 10 '19 at 09:01

2

Change the following line:

var time = new Date(timeStamp).toDate();

into this:

var time = new Date(timeStamp).toDateString();

From the docs:

A string representing the date portion of the given Date object in human readable form in American English.

answered Apr 10 '19 at 09:01

Peter Haddad

78,874
25
140
134

Now i am not getting the old error but the value still `1554877800` for seconds and `0` for nanoseconds – Moaaz Gaballah Apr 10 '19 at 09:06
what is your timestamp variable equal to? – Peter Haddad Apr 10 '19 at 09:07
Try the following: `var time = timeStamp.toDate();` – Peter Haddad Apr 10 '19 at 09:11
you are not storing a timestamp – Peter Haddad Apr 10 '19 at 09:23
In firestore data base it's type is timestamp, i entered it manually – Moaaz Gaballah Apr 10 '19 at 09:24
`toDate()` is a method in class `Timestamp` thats why you get the error is not function https://firebase.google.com/docs/reference/js/firebase.firestore.TimeStamp#todate – Peter Haddad Apr 10 '19 at 09:27
do this, for example `.collection("dates") .add({created: firebase.firestore.Timestamp.fromDate(new Date()) })` this will store a timestamp in the database, then retrieve it `var timeStamp = await ticketDoc.data().created.;` `var time = timeStamp.toDate();` – Peter Haddad Apr 10 '19 at 09:32
In firestore data base it's type is timestamp. they are two, i can read just one in console not in postman – Moaaz Gaballah Apr 10 '19 at 09:36
Okay, i got that the problem is in database. – Moaaz Gaballah Apr 10 '19 at 10:11

score 2 · Answer 2 · answered Mar 07 '20 at 16:56

2

I don't know why this timestamp object doesn't have the .toDate() extension, but if it has the 'seconds' and 'nanoseconds' properties, you can turn it to a JS Data with

Date(data.seconds)

answered Mar 07 '20 at 16:56

Vagner Gon

595
9
23

score 1 · Answer 3 · answered Feb 20 '21 at 06:33

You can try in the following way

{{ formatDate(new Date(data.seconds*1000)) }}

You can use the format date function to display in desired format.

import moment from "moment";

  format_date(value) {
    if (value) {
      return moment(String(value)).format("DD/MM/YYYY");
    }
  },

Srividya K · Answer 4 · 2023-03-28T10:14:40.903

1

For reasons that I don't know, it doesn't work at times, so a safer option would be to use the seconds and nanoseconds attributes found in the timestamp to convert it to date as follows:

const date = new Date(timestamp.seconds*1000 + timestamp.nanoseconds/100000) 
// construct the date from the absolute time in milliseconds

Note:

1 second = 1000 ms
1 nanosecond = 10^-6 ms

edited Mar 28 '23 at 10:14

answered Apr 20 '21 at 17:19

Srividya K

755
6
24

In my case the attributes were named "_seconds" and "_nanoseconds". – Gesichtsfelsen Aug 18 '23 at 12:30

score 0 · Answer 5 · answered Apr 10 '19 at 09:01

0

Have you tried changing this to

var time = (new Date(timeStamp)).toDateString();

answered Apr 10 '19 at 09:01

Sushant Somani

1,450
3
13
31

score 0 · Answer 6 · answered Apr 10 '19 at 14:38

0

If the TimePreferred field in your document is a Timestamp, you can get a valid Date object from it by simply calling toDate() on it.

So:

for (var ticketDoc of ticketsSnapshot.docs) {
    var date = ticketDoc.data().TimePreferred.toDate();
}

None of these calls are asynchronous or returning a promise, so you don't need await.

answered Apr 10 '19 at 14:38

Frank van Puffelen

565,676
79
828
807

2

Hey Frank, that works when you fetch the timestamp but when you're creating it and want to immediately display the value with .toDate() on the app it generates the `.toDate is not a function` multiple times until the data is ready – javebratt Jan 10 '20 at 15:59

score 0 · Answer 7 · answered Nov 25 '21 at 11:47

You have to first make sure that the timestamp object is truly of type Timestamp. to do this, after you get the Timestamp from Firebase, create the Timestamp object:

const timestampObject: Timestamp = !!timeStamp
      ? new Timestamp(timeStamp.seconds, timeStamp.nanoseconds)
      : null;

Włodzimierz Woźniak · Answer 8 · 2022-06-13T12:34:45.620

0

For Angular

import { Location, DatePipe } from '@angular/common';

constructor(
    public datepipe: DatePipe
  ) { }

const dayAsTimestamp = your_Timestamp_value;
const dayAsDate = new Date(dayAsTimestamp.seconds * 1000);
const dayAsString = this.datepipe.transform(dayAsDate, 'dd-MMM-yyyy');

edited Jun 13 '22 at 12:34

answered Jun 10 '22 at 16:31

Włodzimierz Woźniak

3,106
1
26
23

score 0 · Answer 9 · answered Aug 02 '23 at 05:15

0

the possible reason toDate is not a function is you store the data in browser local storage which serialize object to JSON

since function cannot be serialized, so you are left with seconds and nanoseconds properties only

answered Aug 02 '23 at 05:15

Acid Coder

2,047
15
21

I am trying to get readable date from firestore

9 Answers9

Linked