flutter中显示年月日、星期与时间

发布时间 2023-12-18 17:53:45作者: 鲤斌
代码
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'dart:async';
import 'package:intl/date_symbol_data_local.dart'; // 添加此行

class DateWidget extends StatefulWidget {
  @override
  _DateWidgetState createState() => _DateWidgetState();
}

class _DateWidgetState extends State<DateWidget> {
  DateTime _dateTime = DateTime.now();

  @override
  void initState() {
    super.initState();
    initializeDateFormatting('zh_CN', null); // 添加此行
    Timer.periodic(Duration(seconds: 1), (Timer timer) {
      setState(() {
        _dateTime = DateTime.now();
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
//  时间
        SizedBox(height: MediaQuery.of(context).size.height / 15),
        Text(
          // DateFormat("HH:mm:ss").format(_dateTime), //时分秒
          // DateFormat("HH:mm").format(_dateTime), //24小时
          DateFormat("hh:mm").format(_dateTime),
          style: TextStyle(
            fontSize: MediaQuery.of(context).size.height / 10,
            fontWeight: FontWeight.bold,
            color: Colors.white,
          ),
        ),
        SizedBox(height: MediaQuery.of(context).size.height / 500),
// 月份与星期
        Text(
          "${DateFormat("EEEE", 'zh_CN').format(_dateTime)}  ${DateFormat("M月d日", 'zh_CN').format(_dateTime)}",
          style: TextStyle(
            fontSize: MediaQuery.of(context).size.height / 22,
            fontWeight: FontWeight.bold,
            color: Colors.white,
          ),
        ),
    
      ],
    );
  }
}

---