Выбор даты во Flutter

Средство выбора даты — один из наиболее часто используемых виджетов в мобильных приложениях, а также в веб-приложениях. В этой статье мы собираемся создать простой рабочий пример того, как создать средство выбора даты и получить дату.

Наше финальное приложение будет работать следующим образом:

Хорошо, давайте погрузимся

Сначала мы создаем новый файл с именем homepage.dart внутри папки lib. Как и на картинке выше, сначала нам нужно текстовое поле. При нажатии на текстовое поле открывается диалоговое окно выбора даты, в котором мы выбираем дату.

Мы можем создать текстовое поле следующим образом:

Затем мы создаем средство выбора даты.

• initialDate: здесь мы указываем сегодняшнюю дату. Сегодняшняя дата будет выделена при отображении средства выбора даты.
• lastDate: здесь мы указываем, насколько наш календарь показывает данные за год.
• firstDate: здесь нам нужно указать, насколько раньше отображается дата. Если нам нужно запретить пользователям исключать даты до сегодняшнего дня, нам нужно указать сегодняшнюю дату как.

firstDate:DateTime.now()

Мы видим, что даты до 15 выделены серым цветом.

При этом мы можем показать средство выбора даты и выбрать дату. Мы также можем отформатировать дату, которую мы выбрали из средства выбора даты.

Здесь мы отформатировали дату как гггг-мм-дд. Вы можете добиться большего форматирования, перейдя по этой ссылке.

После выбора даты и форматирования мы устанавливаем наш dateControllerс выбранной датой следующим образом:

setState(() { 
   dateController.text = formattedDate; 
});

Давайте подключимся

Мы можем быть друзьями. Найдите на Facebook, Linkedin, Github, Youtube, BuyMeACoffee и Instagram.

Посещение: Flatter Junction

Добавить:КупиКофе

Заключение

Я надеюсь, что эта статья была вам полезна, и вы узнали много нового. В этой статье я использовал различные вещи, которые могут быть новыми для некоторых из вас.

Если вы узнали что-то новое или хотите что-то предложить, дайте мне знать в комментариях.

Если вам понравилась статья, нажмите на значок 👏, который мотивирует на то, чтобы доставлять вам все новое.

Кроме того, подпишитесь, чтобы быть в курсе интересных статей и проектов.

Обучение путем обмена оказывает большое влияние на процесс обучения и делает сообщество все больше и больше.

Совместное использование — это магнит, который притягивает к вам других энтузиастов.

Поэтому давайте сделаем небольшой шаг к тому, чтобы сделать наше учебное сообщество больше.

Поделитесь этой статьей с друзьями или твитните о статье, если она вам понравилась.

Получить полный в:

Повышение уровня кодирования

Спасибо, что являетесь частью нашего сообщества! Больше контента в публикации Level Up Coding.

Подписывайтесь: Twitter, LinkedIn, Newsletter

Level Up меняет рекрутинг технических специалистов 👉 Присоединяйтесь к нашему коллективу талантов