In the Flutter Date Range Picker, you can get the selected date of the date range picker using the `onSelectionChanged` callback. Step 1:Inside the state, set the default values for the selected date. final DateRangePickerController _controller = DateRangePickerController(); String _date = DateFormat('dd, MMMM yyyy').format(DateTime.now()).toString();
Step 2:Implement the 'onSelectionChanged' callback of the flutter date range picker, to get the selected date.
body: Column( children: <Widget>[ Container(height:50, child: Text('SelectedDate:''$_date')), Card( margin: const EdgeInsets.fromLTRB(50, 50, 50, 100), child: SfDateRangePicker( view: DateRangePickerView.month, initialSelectedDate: DateTime.now(), controller: _controller, onSelectionChanged: selectionChanged, ), ) ], ),
Step 3:Using the `selectionChanged` event, you can get the selected date of the picker. void selectionChanged(DateRangePickerSelectionChangedArgs args) { SchedulerBinding.instance!.addPostFrameCallback((duration) { setState(() { _date=DateFormat('dd, MMMM yyyy').format(args.value).toString(); }); }); }
Screenshots:
|
This page will automatically be redirected to the sign-in page in 10 seconds.