How to show Timestamp String in DateFormat in flutter firebase

Question

I am fetching the TimeStamp store in the database directly using document['eventDate'] I can't display the TimeStamp so I am converting it to string document['eventDate'].toString(), it is giving me the output you can see below
I tried converting it to DateTime format DateFormat('dd-MM-yyyy') but it is was showing error saying Class 'DateTime' has no instance method 'DateFormat'. Is there any way through which I can show the date.
Data is getting stored in below format

Code

  Widget getHomePageBody(BuildContext context) {
    return StreamBuilder<QuerySnapshot>(
      stream: FirebaseFirestore.instance.collection('events').snapshots(),
      builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
        if (snapshot.hasError) return new Text('Error: ${snapshot.error}');
        switch (snapshot.connectionState) {
          case ConnectionState.waiting:
            return Center(
              child: CircularProgressIndicator(),
            );
          default:
            return new ListView(
              padding: EdgeInsets.only(bottom: 80),
              children: snapshot.data.docs.map((DocumentSnapshot document) {
                return Padding(
                  padding: EdgeInsets.symmetric(vertical: 3, horizontal: 10),
                  child: Card(
                    child: ListTile(
                      leading: new Image.network(
                        document['eventImageUrl'],
                        fit: BoxFit.cover,
                        width: 120.0,
                      ),
                      title: new Text(
                        'Date:' + (document['eventDate'].toDate()).DateFormat('kk:mm:a').format(),
                        style: new TextStyle(
                            color: Color(0xFF49DEE8),
                            fontSize: 14.0,
                            fontWeight: FontWeight.normal),
                      ),
                    ),
                  ),
                );
              }).toList(),
            );
        }
      },
    );
  }

closing as there are so many answers on firebase timestamp eg https://stackoverflow.com/questions/50632217/dart-flutter-converting-timestamp — griffins, Jun 24 '21 at 18:14

score 1 · Accepted Answer · answered Jun 24 '21 at 18:23

                            Expanded(
                              child: Center(
                                child: Padding(
                                  padding: const EdgeInsets.all(8.0),
                                  child: Text(
                                    model.hwPublishedDate
                                            .toDate()
                                            .hour
                                            .toString() +
                                        ":" +
                                        model.hwPublishedDate
                                            .toDate()
                                            .minute
                                            .toString() +
                                        " " +
                                        model.hwPublishedDate
                                            .toDate()
                                            .timeZoneName
                                            .toString() +
                                        ", " +
                                        model.hwDate,
                                    style: GoogleFonts.abel(
                                        color: Colors.green[500],
                                        fontSize: 15.0,
                                        fontWeight: FontWeight.bold),
                                  ),
                                ),
                              ),
                            )
                          ],
                        ),
                      ),
               ListTile(
                      leading: Icon(
                        Icons.calendar_today_sharp,
                        color: Colors.green[900],
                      ),
                      title: DateTimeField(
                        validator: (value) =>
                            value == null ? 'Provide Upload Date' : null,
                        showCursor: true,
                        cursorColor: Colors.green,
                        textCapitalization: TextCapitalization.words,
                        style: TextStyle(color: Colors.green[900]),
                        controller: _hwdateTextEditingController,
                        decoration: InputDecoration(
                            hintText: "Date",
                            hintStyle: TextStyle(
                              color: Colors.green[900],
                            ),
                            border: InputBorder.none),
                        format: DateFormat("dd-MM-yyyy"),
                        onShowPicker: (context, currentValue) {
                          return showDatePicker(
                              context: context,
                              firstDate: DateTime(1947),
                              initialDate: currentValue ?? DateTime.now(),
                              lastDate: DateTime(2100));
                        },
                        onChanged: (selectedCateg) {
                          setState(() {
                            queryString = selectedCateg.toString();
                            classSec = selectedClass + selectedSec;
                          });
                          startSearching(classSec);
                        },
                      ),
                    ),

You first go with .toDate().toString() and then format it using Date Format, and the Listile is how I store Date if you want you can use it that way too

How to show Timestamp String in DateFormat in flutter firebase

1 Answers1