Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
És un element que obre un requadre amb aspecte de calendari i que permet seleccionar una data. La funció showDatePicker treballa de manera asíncrona i, per tant, se l'ha de cridar des d'una funció de tipus futur. Un cop l'usuari ha fet la selecció, la funció showDatePicker retorna un objecte de dates i hores amb la data triada.
La funció showDatePicker ofereix un munt de paràmetres, entre els quals destaquen initialDate, que indica quina ha de ser la data per defecte, i firstDate i lastDate, que indiquen quin és el rang de dates dins del qual es pot fer la tria. Podeu consultar la resta de paràmetres a la pàgina de descripció.
...
DateTime? _dataSeleccionada;
...
Future<void> _presentarDatePicker() async {
final DateTime ara = DateTime.now();
final DateTime? dataTriada = await showDatePicker(
context: context,
initialDate: _dataSeleccionada, // Data inicial que es mostra
firstDate: DateTime(ara.year), // La primera data que es pot seleccionar
lastDate: DateTime(ara.year + 2), // L'última data que es pot seleccionar
);
if (dataTriada != null && dataTriada != _dataSeleccionada) {
setState(() {
_dataSeleccionada = dataTriada;
});
}
}
...
Aquesta funció l'haurem de cridar des d'algun lloc del programa, típicament dins de l'acció d'un botó.
Normalment voldrem que la setmana comenci en dilluns i que els noms dels dies es mostrin en català; això succeeix automàticament si s'estableix el català en la localització.
En aquest apartat de l'exemple treballem amb calendaris es fa servir aquest element.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.