How to remove time in datepicker

Tharindu Dasun

enter image description here

 MaterialButton(
          onPressed: _showDatePicker,
          color: Colors.blue,
          child: const Text(
            'choose date',
            style: TextStyle(color: Colors.white, fontSize: 25),
          ),
        ),
//date picker
   DateTime _dateTime = DateTime(2020);

  void _showDatePicker() {
    showDatePicker(
      context: context,
      initialDate: DateTime(2020, 1, 1),
      firstDate: DateTime(2020),
      lastDate: DateTime(2023),
    ).then((value) {
      setState(() {
        _dateTime = value!;
      });
    });
  }

Yeasin Sheikh

showDatePicker provide nullable DateTime on return.

Future<DateTime?> showDatePicker({

That's why when we are assigning value on _dateTime you need to use ! Unless we null check 1st. ! means we say this value is not null.

Directly using ! will crash the app when user press cancel button on date picker. If you like to check the error, remove if condition and use ! directly.

  DateTime _dateTime = DateTime(2020);
  void _showDatePicker() {
    showDatePicker(
      context: context,
      initialDate: DateTime(2020, 1, 1),
      firstDate: DateTime(2020),
      lastDate: DateTime(2023),
    ).then((value) {
      if (value != null) { 
        setState(() {
          _dateTime = value;
        });
      }
    });
  }

To remove time from text you can use

  Text("${_dateTime.year} ${_dateTime.month} ${_dateTime.day} "),

Also using intel package provide more option.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Any+Time DatePicker:How to remove default current time

how to remove time stamp or get only date form datepicker in flutter default datepicker?

How to remove maxDate in datepicker?

how to remove time part

Umbraco Form - Remove time from Datepicker date in email

How to remove date from DatePicker toString method?

How to remove disabled date count in datepicker

How to remove padding from angular material datepicker

How to remove orientation from jQuery datepicker

How to remove border of Material UI's DatePicker?

How to remove disabled years from material datepicker?

How to set default time for QML DatePicker?

How to make disabled date and time in react datepicker?

How to avoid time zone issues with JQuery datepicker

How can I add time in datepicker calendar?

how to include time in bootstrap-datepicker

How to remove periods of time in a dataframe?

How to remove the time measurement logic

How to remove time from date

How to remove the time out of this date?

How can I remove the extra width to the right of jquery UI datepicker?

How can I remove border from my DatePicker input box?

How to Remove Content from DatePicker After If is disabled In Jquery

How to add additional minutes to displayed time from datepicker

bootstrap-datepicker: How to use specific time zone?

Angular 8: How can I set time for angular material datepicker?

How to change Angular Material Datepicker format in run-time

How to assign date and time using TimePicker and DatePicker and store it in Firebase Database?

How to add an icon to time select dropdown in react-datepicker?