Format Dates in Flutter

May 30, 2024 by

365Bloggy

The Dart in built method,for formatting ,date in flutter application while dealing with dates it should be in number readable format. In the article . We will look at examples of change date format on mobile applications.

Step 1: Add the below line in dependencies to your pubspec.yaml file

 dependencies:
   intl: ^0.17.0

Step 2: Add using terminal, Open terminal and write below code.

Flutter pub add intl

Strep 3 : import intl package in dart code.

 import 'package:flutter/cupertino.dart';

Strep 4 : Final code of date format in application.

 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 
 void main() {
   runApp(HomeScreen());
 }

 class HomeScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       title: "Date Format Demo",
       home: Scaffold(
           appBar: AppBar(
             backgroundColor: Colors.blue,
             title: Text("Date format demo"),
           ),
           body: Container(
             margin: EdgeInsets.fromLTRB(95, 80, 0, 0),
             child: Text(
               DateTime.now().toString(),
               style: TextStyle(
                   fontWeight: FontWeight.bold, fontSize: 30),
             ),
           )),
     );
   }
 }

Strep 5 : Output of above example.

Happy coding!

in Mobile

365Bloggy May 30, 2024

Format Dates in Flutter

Step 1: Add the below line in dependencies to your pubspec.yaml file

Step 2: Add using terminal, Open terminal and write below code.

Strep 3 : import intl package in dart code.

Strep 4 : Final code of date format in application.

Strep 5 : Output of above example.

Share this post

SUBSCRIBE THIS FORM

Recent Posts

Our blogs

Archive

Follow us