如何使用AM PM选择器以12小时格式显示颤振时间选择器

时间:2020-04-10 18:21:26

标签: flutter dart timepicker

我想使用带有AM / PM选择器的12小时制Flutter时间选择器,但Flutter仅向我显示24小时制。

我想要这种格式: enter image description here

但是flutter仅显示以下格式: enter image description here

这是我的代码:

_selectTime(BuildContext context) async {
  TimeOfDay picked = await showTimePicker(
    context: context,
    initialTime: TimeOfDay(hour: 12, minute: 00),
    builder: (BuildContext context, Widget child) {
      return MediaQuery(
        data: MediaQuery.of(context).copyWith(alwaysUse24HourFormat: false),
        child: child,
      );
    },
  );
}

3 个答案:

答案 0 :(得分:1)

这应该告诉你你想要的东西

Authorization: Bearer YOUR_TOKEN

答案 1 :(得分:1)

只需使用 format() 方法来获取您需要的 AM、PM。

final TimeOfDay picked = await showTimePicker(
  context: context,
  initialTime: timeStart,
);
print(picked.format(context));    // 8:15 PM

答案 2 :(得分:0)

可以使用此库Flutter DatePicker

代码以AM / PM显示12小时格式:

onTap: (){
    DatePicker.showTime12hPicker(context,
        showTitleActions: true,
        onConfirm: (date) {
          _endTimeController.text = DateFormat.jm().format(date);
        }, locale: LocaleType.en);
  },

然后查看以下结果:

enter image description here