Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv2.1.0

datetime_picker_formfield_new

Ein TextFormField, das DateTimes ausgibt und hilft, Material-, Cupertino- und andere Stil-Auswahldialoge anzuzeigen.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
8350
Likes
34
Pub-Punkte
140

Paket installieren

flutter pub add datetime_picker_formfield_new

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein TextFormField bereitstellt, das DateTime-Werte ausgeben und mit Material-, Cupertino- und anderen stilisierten Datums-/Zeitpicker-Dialoegen integriert. Es vereinfacht die Formularverarbeitung, indem es Eingabefelder mit benutzerfreundlichen Picker-Oberflächen auf mehreren Plattformen kombiniert. Für Formulare, die Datums- oder Zeitangaben erfordern, wurde es entwickelt und unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Paket verbessert die Benutzererfahrung durch konsistente, plattformangepasste Picker mit minimalem Setup.

Anwendungsfälle

  • Formulareingaben, die Datums-/Zeit-Auswahl erfordern
  • Plattformübergreifende Eingabe von Datum/Uhrzeit
  • Integration mit Formularvalidierung
  • Anpassbare Picker-Stilisierung
  • Dynamische Formularfeldaktualisierungen
  • Benutzerfreundliche Zeit-Eingabe in mobilen und Web-Anwendungen

Hauptmerkmale

  • Unterstützt Material- und Cupertino-Auswahlsteuerelemente
  • Emitiert DateTime-Objekte
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit Form-Widgets
  • Anpassbare Dialogdarstellung
  • Eingebaute Validierungsunterstützung

Geeignet für

  • Entwickler, die plattformübergreifende Formulare erstellen
  • Apps, die Eingabe von Datum/Uhrzeit mit nativem Aussehen benötigen
  • Teams, die eine konsistente Benutzererfahrung über Geräte hinweg priorisieren
  • Projekte, die die Formulararchitektur von Flutter verwenden
  • Benutzer, die für Datumsauswahl minimales Boilerplate wünschen

Hinweise

  • Erfordert Flutter 2.0+
  • Könnte zusätzliche Styling für komplexe Themen benötigen
  • Beschränkt auf grundlegende Datums-/Zeitformate
  • Keine integrierte Lokalisierungssupport
  • Abhängig vom Verhalten des zugrunde liegenden Plattformpickers
  • Nicht geeignet für hochgradig angepasste Picker-Oberflächen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

DateTimeField

A TextFormField that emits DateTimes and helps show Material, Cupertino, and other style picker dialogs.

Fork with support for flutter >3.0.0

Example

See the example tab (example/lib/main.dart) for more.

screenshot.gif

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:datetime_picker_formfield/datetime_picker_formfield.dart';

// ...

class BasicDateField extends StatelessWidget {
  final format = DateFormat("yyyy-MM-dd");
  @override
  Widget build(BuildContext context) {
    return Column(children: <Widget>[
      Text('Basic date field (${format.pattern})'),
      DateTimeField(
        format: format,
        onShowPicker: (context, currentValue) {
          return showDatePicker(
            context: context,
            firstDate: DateTime(1900),
            initialDate: currentValue ?? DateTime.now(),
            lastDate: DateTime(2100),
          );
        },
      ),
    ]);
  }
}

class BasicTimeField extends StatelessWidget {
  final format = DateFormat("HH:mm");
  @override
  Widget build(BuildContext context) {
    return Column(children: <Widget>[
      Text('Basic time field (${format.pattern})'),
      DateTimeField(
        format: format,
        onShowPicker: (context, currentValue) async {
          final time = await showTimePicker(
            context: context,
            initialTime: TimeOfDay.fromDateTime(currentValue ?? DateTime.now()),
          );
          return DateTimeField.convert(time);
        },
      ),
    ]);
  }
}

class BasicDateTimeField extends StatelessWidget {
  final format = DateFormat("yyyy-MM-dd HH:mm");
  @override
  Widget build(BuildContext context) {
    return Column(children: <Widget>[
      Text('Basic date & time field (${format.pattern})'),
      DateTimeField(
        format: format,
        onShowPicker: (context, currentValue) async {
          return await showDatePicker(
            context: context,
            firstDate: DateTime(1900),
            initialDate: currentValue ?? DateTime.now(),
            lastDate: DateTime(2100),
          ).then((DateTime? date) async {
            if (date != null) {
              final time = await showTimePicker(
                context: context,
                initialTime:
                    TimeOfDay.fromDateTime(currentValue ?? DateTime.now()),
              );
              return DateTimeField.combine(date, time);
            } else {
              return currentValue;
            }
          });
        },
      ),
    ]);
  }
}

Kategorien

Datums- und Zeitauswahl

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden