How to Get Current Date in Flutter?


Share:
 | Published By: Admin | Published On: Jun 13, 2022 | Category: Flutter

Hi friends,

This simple article demonstrates of How to Get Current Date in Flutter?. This tutorial will give you simple example of flutter get current date Code Example. This tutorial will give you simple example of Flutter Get Current Date With Day Month Year Format. Here you will learn How to Get Current Date in Dart or Flutter Programming. Follow bellow tutorial step of How to get current date in Flutter [Dart].

you can see flutter get current date Code Example

I will give you simple Example of How I can show only current date in flutter?

So let's see bellow example:

Step 1: Create Flutter Project

Follow along with the setup, you will be creating an Flutter app.

$flutter create flutter_get_current_date_tutorial   

Navigate to the project directory:

$cd flutter_get_current_date_tutorial   
Step 2: Main File

Create a main.dart file in the lib directory

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            home: Scaffold(
                appBar: AppBar(
                    title: Text('Get Current Date')
                ),
                body: Center(
                    child: GetDate()
                )
            )
        );
    }
}

class GetDate extends StatefulWidget {

    _GetDateState createState() => _GetDateState();

}

class _GetDateState extends State<GetDate> {

    String finalDate = '';

    getCurrentDate(){

        var date = new DateTime.now().toString();

        var dateParse = DateTime.parse(date);

        var formattedDate = "${dateParse.day}/${dateParse.month}/${dateParse.year}";

        setState(() {

            finalDate = formattedDate.toString() ;

        });

    }

    @override
    Widget build(BuildContext context) {
        return Scaffold(
            body: Center(
                child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[

                        Padding(
                            padding: EdgeInsets.all(8.0),
                            child :
                            Text("Date = $finalDate", style: TextStyle(fontSize: 20), textAlign: TextAlign.center,)
                        ),

                        RaisedButton(
                            onPressed: getCurrentDate,
                            color: Colors.green,
                            textColor: Colors.white,
                            padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
                            child: Text('Click Here To Get Current Date'),
                        ),

                    ],
                ),
            )
        );
    }
}
Run this Debug App Output :

I hope it will help you....

Share: