How to format DateTime in Flutter

In Flutter, we typically use the intl package for formatting dates and times. This is a powerful internationalization library that enables developers to display dates and times in various formats. Below, I will walk you through how to use the intl package to format DateTime objects in Flutter.

Step 1: Add Dependency

First, add the intl package dependency to your Flutter project's pubspec.yaml file:

yaml
dependencies:
  flutter:
    sdk: flutter
  intl: ^0.17.0

Then run flutter pub get to install the dependency.

Step 2: Import the Package

In your Dart file where you need to format dates, import the intl package:

dart
import 'package:intl/intl.dart';

Step 3: Format Dates

Now you can use the DateFormat class to format DateTime objects. DateFormat provides various predefined formatting patterns and allows you to customize date and time formats. Below are some examples:

dart
void main() {
  DateTime now = DateTime.now();

  // Using predefined format
  String formattedDate1 = DateFormat.yMMMd().format(now);
  print("Formatted date (yMMMd): $formattedDate1");  // Example: Jul 10, 2021

  // Using custom format
  String formattedDate2 = DateFormat('yyyy-MM-dd – HH:mm').format(now);
  print("Formatted date (custom): $formattedDate2");  // Example: 2021-07-10 – 14:08
}

Practical Application Example

Suppose we are developing a scheduling application where users need to see the specific date and time of events. We can format the start time of an event as follows:

dart
class Event {
  DateTime startTime;
  String title;

  Event({required this.startTime, required this.title});

  String getFormattedTime() {
    return DateFormat('yyyy-MM-dd HH:mm').format(startTime);
  }
}

void main() {
  Event meeting = Event(
    startTime: DateTime(2021, 7, 10, 14, 30),
    title: "Project Meeting"
  );

  print("Event: ${meeting.title}, Start time: ${meeting.getFormattedTime()}");
  // Output: Event: Project Meeting, Start time: 2021-07-10 14:30
}

In this example, we create an Event class that includes the start time and title of an event. The getFormattedTime method uses DateFormat to return a formatted time string.

In summary, using the intl package makes it very convenient to handle and format dates and times in Flutter applications, allowing the app to present date and time information in a locale-appropriate manner. This is crucial for enhancing user experience.