DatePicker et TimePicker

Le widget DatePicker et TimePicker sont utilisés pour permettre à l'utilisateur de sélectionner une date ou une heure à partir d'un calendrier ou d'une horloge. Voici une description des widgets DatePicker et TimePicker, un exemple de code, et quelques propriétés couramment utilisées :

• Description :

  • Le widget DatePicker affiche un dialogue qui permet à l'utilisateur de sélectionner une date à partir d'un calendrier.

  • Le widget TimePicker affiche un dialogue qui permet à l'utilisateur de sélectionner une heure à partir d'une horloge.

  • Ils sont souvent utilisés dans les formulaires ou les dialogues pour permettre à l'utilisateur de choisir une date ou une heure spécifique.

• Exemple de code :

ElevatedButton(
  onPressed: () {
    showDatePicker(
      context: context,
      initialDate: DateTime.now(),
      firstDate: DateTime(2022),
      lastDate: DateTime(2025),
      builder: (BuildContext context, Widget? child) {
        return Theme(
          data: ThemeData.light(),
          child: child!,
        );
      },
    ).then((value) {
      if (value != null) {
        setState(() {
          _selectedDate = value;
        });
      }
    });
  },
  child: Text('Sélectionner une date'),
),

Dans cet exemple, showDatePicker est utilisé pour afficher le dialogue de sélection de date. Lorsque l'utilisateur sélectionne une date, la fonction then est appelée pour mettre à jour la date sélectionnée (_selectedDate).

• Propriétés :

  • context : Le contexte de l'application.

  • initialDate : La date initiale affichée dans le dialogue.

  • firstDate : La date minimale sélectionnable.

  • lastDate : La date maximale sélectionnable.

  • builder : Un constructeur de widget qui permet de personnaliser l'apparence du dialogue de sélection de date.

  • onDateChanged : Un rappel qui est appelé lorsque la date sélectionnée change dans le dialogue de sélection de date.