Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.0.7

date_range_picker

Datumsbereich-Auswahlsteuerelemente verwenden ein Dialogfenster, um einen Datumsbereich auf mobilen Geräten auszuwählen.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
796
Likes
119
Pub-Punkte
25

Paket installieren

flutter pub add date_range_picker

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das date_range_picker-Paket bietet ein mobilfreundliches Widget zur Datumsbereichsauswahl, das ein Dialogfenster zum Auswählen eines Start- und Enddatums anzeigt. Es ist für Flutter-Anwendungen konzipiert, die sich auf mobile Plattformen richten, und bietet eine intuitive Benutzeroberfläche, mit der Benutzer einen Datumsbereich auswählen können. Das Paket integriert sich nahtlos in die Material-Design-Prinzipien von Flutter und unterstützt die Anpassung des Erscheinungsbilds und des Verhaltens des Pickers. Es ist ideal für Buchungssysteme, Terminplanungs-Apps oder jede Anwendung, die Eingabe von Datumsbereichen erfordert.

Anwendungsfälle

  • Buchungssysteme
  • Planungsanwendungen
  • Datenfilterung nach Datumsbereich
  • Reiseplanungstools
  • Ereignis-Anmeldeformulare

Hauptmerkmale

  • Datumsauswahl basierend auf Dialog
  • Datumbereichsauswahl von Start- bis Enddatum
  • mobileoptimierte Benutzeroberfläche
  • Anpassbare Erscheinung
  • Einfache Integration mit Flutter

Geeignet für

  • Mobile-App-Entwickler
  • Datumsbereichseingabe erforderlich
  • Material-Design-Anwendungen
  • Buchungs- und Kalenderfunktionen
  • Benutzerfreundliche Datumsauswahl

Hinweise

  • Beschränkt auf mobile Plattformen
  • Keine Unterstützung für Server-Seiten-Rendern
  • Erfordert manuelle Handhabung der Datumslogik
  • Kann zusätzliche Stilisierung für den Dunkelmodus erfordern
  • Abhängig von externem GitHub-Repository

Original-README

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

Awesome Flutter pub version

[Deprecated] Date Range Picker

Currently Flutter has supported date range picker, so I think my mission is done. Thanks for using my lib. Link: https://api.flutter.dev/flutter/material/showDateRangePicker.html

Demo

Getting Started

Installation

Add to pubspec.yaml in dependencies

  date_range_picker: ^1.0.5
Usage
import 'package:date_range_picker/date_range_picker.dart' as DateRagePicker;
...
new MaterialButton(
    color: Colors.deepOrangeAccent,
    onPressed: () async {
      final List<DateTime> picked = await DateRagePicker.showDatePicker(
          context: context,
          initialFirstDate: new DateTime.now(),
          initialLastDate: (new DateTime.now()).add(new Duration(days: 7)),
          firstDate: new DateTime(2015),
          lastDate: new DateTime(DateTime.now().year + 2)
      );
      if (picked != null && picked.length == 2) {
          print(picked);
      }
    },
    child: new Text("Pick date range")
)
Theme Customization

To change the colors to your preferred ones, you can wrap it in a Theme and a builder.

Theme(
    data: Theme.of(context).copyWith(
        accentColor: Colors.green,
        primaryColor: Colors.black,
        buttonTheme: ButtonThemeData(
        highlightColor: Colors.green,
        buttonColor: Colors.green,
        colorScheme: Theme.of(context).colorScheme.copyWith(
            secondary: Colors.red,
            background: Colors.white,
            primary: Colors.green,
            primaryVariant: Colors.green,
            brightness: Brightness.dark,
            onBackground: Colors.green),
            textTheme: ButtonTextTheme.accent)),
            child: Builder(
                builder: (context) => RaisedButton(
                    color: Color.fromRGBO(212, 20, 15, 1.0),
                    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)),
                    child: Padding(
                        padding: const EdgeInsets.only(top: 10.0, bottom: 10.0, left: 30.0, right: 30.0),
                        child: Text(
                          "Date Picker",
                          style: TextStyle(
                            color: primaryColor,
                            fontSize: 28,
                            fontWeight: FontWeight.w300,
                          ),
                        ),
                      ),
                      onPressed: () async {
                        final List<DateTime> picked = await DateRangePicker.showDatePicker(
                            context: context,
                            initialFirstDate: new DateTime.now(),
                            initialLastDate: (new DateTime.now()).add(new Duration(days: 7)),
                            firstDate: new DateTime(2015),
                            lastDate: new DateTime(DateTime.now().year + 2));
                        if (picked != null && picked.length == 2) {
                          print(picked);
                        }
                      },
                    ),
                ),
            )

Kategorien

Datums- und Zeitauswahl

Quell-Repository

Projekte, die dieses Paket verwenden