Question 291875 in Flutter Question posted in
The official Flutter documentation can be found here.

Flutter – How to show only date in Date time class?

i am trying to show a calendar in order to user choose a reservation date by clicking the reserve button . and the reservation day’s date is shown below the button.
i am using DateTime class.

i have two questions :
1- i want to "just" show the date of reservation day . i don’t need exact hours and time and i don’t khow how to do it . i tried with "spilt and a range" but i couldn’t.

2- do you khow what is the usage of that toLocal() method there (Text(‘reservation date : ${selectedtime.toLocal()}’),) in my code? is that necessary there or not?

here is the result of my code:

here is my whole code:

import "package:flutter/material.dart";

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MyPage(),
    );
  }
}

class MyPage extends StatefulWidget {
  const MyPage({super.key});

  @override
  State<MyPage> createState() => _Example();
}

class _Example extends State<MyPage> {
  DateTime selectedtime = DateTime.now();

  datePicker(BuildContext context) async {
    final DateTime? picked = await showDatePicker(
        context: context,
        initialDate: selectedtime,
        firstDate: DateTime(2023),
        lastDate: DateTime(2025));

    if (picked != null && picked != selectedtime) {
      setState(() {
        selectedtime = picked;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('HDBOOKS'),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Center(
            child: ElevatedButton(
                onPressed: () => datePicker(context),
                child: const Text('reserve')),
          ),
          const SizedBox(
            height: 36,
          ),
          Text('reservation date : ${selectedtime.toLocal()}'),
        ],
      ),
    );
  }
}

here is my code when i wanted to fix the problem with split:

//when i use split i need a range of things to be shown but i don’t khow how to use range in split.
it raises error!

          Text(
              'reservation date : ${selectedtime.toLocal()}'.split(' ')[0 : 3]),

please help me thank you ! 🙏

Tags:

2

Answers


  1. 0

    You Have Two Solutions Here The First One (The Easiest) is to turn the DateTime Object into a String Then Split it and get The First Part Like This :

    final DateTime now = DateTime.now();
now.toString().split(' ')[0]

    And this will do, however if you want more control I suggest you read this answer.

    Login or Signup to reply.
  2. 0
    1. you can use DateFormat class from intl package to format.
    DateFormat('yyyy-mm-dd').format(selectedtime.toLocal());
    1. toLocal() ensures the local time of the device, also some countries use daylight savings.
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search