Flutter format DateTime

Question

I am creating a form in flutter where one of the fields is a date of birth. I have used a DateTime picker to pick the date and show the output. I would like to format the date I get to only show month, date,and year. Here is the date format currently YYYY-MM-JJ HH-MM:00.000. I would like it to be in this format MM-dd-yyy. This is the code I came up with

---
DateTime _dateTime;
---
Text(
              _dateTime == null
                  ? 'Nothing has been picked yet'
                  : _dateTime.toString(),
            ),
            ElevatedButton(
              onPressed: () {
                showDatePicker(
                  context: context,
                  initialDate: _dateTime == null ? DateTime.now() : _dateTime,
                  firstDate: DateTime(1930),
                  lastDate: DateTime.now(),
                ).then((date) {
                  setState(() {
                    _dateTime = date;
                    
                  });
                });
              },
              child: Text('Pick a date'),
            )

Use [DateFormat](https://api.flutter.dev/flutter/intl/DateFormat-class.html) from [intl](https://pub.dev/packages/intl) package. — rickimaru, Apr 22 '21 at 06:50

score 1 · Accepted Answer · answered Apr 22 '21 at 06:51

1

You can use date format from flutter

final f = DateFormat('yyyy-MM-dd hh:mm');
f.format(date);

You can replace yyyy-MM... To whatever you like

answered Apr 22 '21 at 06:51

Karim

962
7
10

score 0 · Answer 2 · answered Apr 22 '21 at 06:52

0

Add the package intl

dependencies:
  intl: ^0.17.0

And call the class DateFormate()

DateFormat("MM-dd-yyyy").format(_dateTime);

answered Apr 22 '21 at 06:52

Raine Dale Holgado

2,932
2
17
32

Flutter format DateTime

2 Answers2