Flutter：将整数转换为月份

Question

我有模型和虚拟数据来测试这样的：

模型

class TestingLoopingModel {
  String id;
  int month;
  int year;
  int value;

  TestingLoopingModel({
    this.id,
    this.month,
    this.year,
    this.value,
  });
}

虚拟数据

List<TestingLoopingModel> listTest = [
  //TODO Month 12 And 10 is not exist
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 2,
    year: 2020,
    value: 2000,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 4,
    year: 2020,
    value: 1500,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 6,
    year: 2020,
    value: 3000,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 8,
    year: 2020,
    value: 3500,
  ),

  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 1,
    year: 2020,
    value: 5000,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 3,
    year: 2020,
    value: 4500,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 5,
    year: 2020,
    value: 2111,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 7,
    year: 2020,
    value: 5555,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 9,
    year: 2020,
    value: 333,
  ),
  TestingLoopingModel(
    id: DateTime.now().toString(),
    month: 11,
    year: 2020,
    value: 2222,
  ),
];

我想这个月去了我listTest转换为月份名称类似一月，二月，三月，四月，美等......。 我怎样才能做到这一点 ？

我知道我可以使用像这样的国际包DateFormat.MMMM().format(???); 但是格式需要 DateTime 并且在我的列表中 Month 是整数。

谢谢

看法

SizedBox(
              height: sizes.height(context) / 1.7,
              child: ListView.separated(
                separatorBuilder: (ctx, index) => Divider(),
                itemCount: 12,
                shrinkWrap: true,
                itemBuilder: (BuildContext context, int index) {
                  final indexOrder = index + 1;

                  final result = listTest[index];
                  listTest.sort((a, b) => a.month.compareTo(b.month));
                  return InkWell(
                    onTap: () => showDialog(
                      context: context,
                      builder: (ctxDialog) => FormElectricTenant(),
                    ),
                    child: Padding(
                      padding: const EdgeInsets.symmetric(vertical: 8.0),
                      child: Row(
                        children: <Widget>[
                          titleHeaderRow(title: '$indexOrder' ?? '0'),
                          titleHeaderRow(title: '${result.month}' ?? '0'),
                          titleHeaderRow(title: '${result.value}' ?? '0'),
                        ],
                      ),
                    ),
                  );
                },
              ),
            ),

Answer 1

DateFormat.MMMM().format(date)

简单并允许未来的本地化。 您可以将您的语言环境放在.MMMM() 。 这是最好的和最具可扩展性的解决方案。

Answer 2

这是你想要的吗？

用你的月份 int 值替换month

DateFormat('MMMM').format(DateTime(0, month))

值：一月、二月...

Answer 3

const Map<int,String> monthsInYear = {
 1: "January",
 2: "February",
 3: "March",
 4: “April”,
 5: “May”,
 6: “June”
 …
 12: "December"
}

在您的列表视图中

ListView.separated(
        separatorBuilder: (ctx, index) => Divider(),
        itemCount: 12,
        shrinkWrap: true,
        itemBuilder: (BuildContext context, int index) {
          final indexOrder = index + 1;

          final result = listTest[index];
          listTest.sort((a, b) => a.month.compareTo(b.month));
          return InkWell(
            onTap: () => showDialog(
              context: context,
              builder: (ctxDialog) => FormElectricTenant(),
            ),
            child: Padding(
              padding: const EdgeInsets.symmetric(vertical: 8.0),
              child: Row(
                children: <Widget>[
                  titleHeaderRow(title: '$indexOrder' ?? '0'),
                  titleHeaderRow(title: '${monthsInYear[result.month]}' ?? '---'),
                  titleHeaderRow(title: '${result.value}' ?? '0'),
                ],
              ),
            ),
          );
        },
      );

Answer 4

好的，我明白了，就像Gaurav Mall说的，我创建了一个新的DateTime对象并像这样更改它

                  final indexOrder = index + 1;
                  final now = DateTime.now();
                  final result = listTest[index];
                  final month = DateTime(now.year, indexOrder, now.day);
                  final convertMonth =         DateFormat.MMMM(appConfig.indonesiaLocale).format(month);
                  print(convertMonth);

看法

SizedBox(
              height: sizes.height(context) / 1.7,
              child: ListView.separated(
                separatorBuilder: (ctx, index) => Divider(),
                itemCount: 12,
                shrinkWrap: true,
                itemBuilder: (BuildContext context, int index) {
                  final indexOrder = index + 1;
                  final now = DateTime.now();
                  final result = listTest[index];
                  final month = DateTime(now.year, indexOrder, now.day);
                  final convertMonth =
                      DateFormat.MMMM(appConfig.indonesiaLocale).format(month);
                  print(convertMonth);
                  listTest.sort((a, b) => a.month.compareTo(b.month));
                  return InkWell(
                    onTap: () => showDialog(
                      context: context,
                      builder: (ctxDialog) => FormElectricTenant(),
                    ),
                    child: Padding(
                      padding: const EdgeInsets.symmetric(vertical: 8.0),
                      child: Row(
                        children: <Widget>[
                          titleHeaderRow(title: '$indexOrder' ?? '0'),
                          titleHeaderRow(title: '$convertMonth' ?? '0'),
                          titleHeaderRow(title: '${result.value}' ?? '0'),
                        ],
                      ),
                    ),
                  );
                },
              ),
            ),