颤振：日期选择器中的 api 日期显示

Question

我从 api 获取时间，并存储在“timeSlotData”变量中。 我想在下面提到的这个 UI 中显示 api 数据。

我想显示从 api 获取的时间我想在 ui 中显示的 api 时间。

dynamic timeSlotData ;
  timeSlotUsingIdAndDate(String id, String date){
    apiManager.timeSlotByIdAndDate(id,date).then((value){
      timeSlotData.add(value);
      print(timeSlotData[0].data!.timeSlots!.toString());
      var a=DateTime.parse(timeSlotData[0].data!.timeSlots![0].slotTiming.toString()).toString();

//Here I Convert api time into DateTime 

      DateTime date=DateTime.parse(timeSlotData[0].data!.timeSlots![1].slotTiming.toString());
      var mm=date.month;
      print(mm);
      var yy=date.year;
      print(yy);
      var hh=date.minute;
      print(hh);
      print("a"+a);
    });
  }

这是我的ui部分编码

 CupertinoDatePicker(
                    backgroundColor: Colors.transparent,
                    use24hFormat: false,
                    mode:CupertinoDatePickerMode.time,
                    initialDateTime: initialDate,
                    minuteInterval: 30,
                    onDateTimeChanged: (DateTime selected) {
                      // do what you need
                      print(selected.hour);
                      print(selected.minute);

                    }),

Answer 1

在状态类上创建一个可为空的DateTime，用于保存选定的Datetime。

DateTime? selectedDateTime;

并调用此方法，

  _openPicker(BuildContext context) {
    () async {
      /// do your perser

      /// set your intial date from parser, in your case it is `date`
      final initalDate = DateTime(
        2011,
      );

      await showDialog(
        context: context,
        builder: (context) => AlertDialog(
          title: Text("Selected Time"),
          content: CupertinoDatePicker(
              backgroundColor: Colors.transparent,
              use24hFormat: false,
              mode: CupertinoDatePickerMode.time,
              initialDateTime: initalDate,
              minuteInterval: 30,
              onDateTimeChanged: (DateTime selected) {
                print(selected.hour);
                print(selected.minute);

                setState(() {
                  selectedDateTime = selected;
                });
              }),
          actions: [
            OutlinedButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: Text("close"),
            ),
          ],
        ),
      );
    };
  }