flutter 自带日期时间 showDatePicker显示中文日期_Flutter时间控件显示中文

 

showDatePicker和showTimePicker显示中文日期配置步骤

1. 配置flutter_localizations依赖

// 为了支持Flutter应用的本地化，需要在pubspec.yaml中配置flutter_localizations。
dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

2. 导入国际化包

// 导入国际化的flutter_localizations包
import 'package:flutter_localizations/flutter_localizations.dart'; 

// 如果上述导入无效或出现问题，可以执行以下命令来获取相关的包：
// flutter pub get

3. 设置国际化

// 在应用初始化时，设置国际化代理和支持的本地化语言

void main() {
  runApp(
    new MaterialApp(
      title: 'app',
      theme: new ThemeData(
        primaryColor: Colors.white,
      ),
      home: new MyLoginWidget(),
      localizationsDelegates: [
        // 根据系统语言来显示对应的语言
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        // 以下列出的是支持的语言，当前示例中支持中文和英文
        const Locale('zh', 'CH'),
        const Locale('en', 'US'),
      ],
    ),
  );
}

4. 设置控件显示中文

// 为了在控件中强制显示中文日期，可以设置locale参数为中文。以下是一个示例函数：
 
_showDatePicker() async{
    var date = await showDatePicker(
      context: context,
      initialDate: _datetime,
      firstDate: DateTime(1900),
      lastDate: DateTime(2050),
      locale: Locale('zh'), // 强制显示中文。如有问题，可以删除此行以跟随系统语言显示。
    );
    if (date == null) return;
    print(date);
    setState(() {
       _datetime = date;
    });
}