How to show Timestamp String in DateFormat in flutter firebase [duplicate] - firebase

Question

This question already has answers here:
Converting timestamp
(22 answers)
Closed 1 year ago.
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(),
);
}
},
);
}

Answer 1

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