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

flutter showDatePicker showTimePicker显示中文日期

1、配置flutter_localizations依赖

找到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、要显示中文的控件设置:

_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;
    });
  }

原文地址:https://www.cnblogs.com/zhaofeis/p/12356402.html

时间: 2024-07-29 19:47:23

flutter showDatePicker显示中文日期_Flutter时间控件显示中文的相关文章

DatePicker日期与时间控件

DatePicker日期与时间控件 一.简介 二.方法 三.代码实例 四.收获

VB6.0中,日期、时间控件不允许为空时,采用文本框与日期、时间控件相互替换赋值(解决方案)

VB6.0中,日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值,或许是一个不错的选择. 实现效果如下图: 代码如下: 文本框txtStopTime1 时间框DTStopTime1 格式3 - dtpCustom  HH:mm:ss Private Sub Form_Load()       txtStopTime1.ZOrder       DTStopTime1.Top = txtStopTime1.Top       DTStopTime1.Left = txtStopTi

【转】Pro Android学习笔记(十七):用户界面和控制(5):日期和时间控件

目录(?)[-] DatePicker和TimePicker控件 DigitalClock和AnalogClock控件 DatePicker和TimePicker控件 使用DatePicker和TimePicker,故名思议,用户可以对时间进行选择.XML代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...... >     <TextView ......  an

Js Jquery 时间控件显示小时 分钟 秒

// ui.js 自带的datepicker 插件只能显示日期不能显示时分秒  使用dateTimePicker可以显示时间 效果图: 首先需要引用 js和css 注意 ui.js的顺序要在slide 和timepicker 前面 否者无法运行 <script src="../Scripts/jquery-1.7.1.min.js"></script> <script src="../Content/themes/timepicker/js/jq

日期与时间控件QDate, QTime, QDateTime

QDate类用于处理公历日期.QTime类用于处理时间.QDateTime类将QDate对象和QTime对象整合为一个对象 QDate: 1 from PyQt5.QtCore import QDate,Qt 2 now = QDate.currentDate() #获取当前日期.PyQt5.QtCore.QDate(2019, 2, 11) 3 #print(now.toString(Qt.ISODate)) #转换成ISO日期格式. 2019-02-11 4 print(now.toStri

bootstrap时间控件显示在模态框下面的解决办法

一针见血:修改 bootstrap-datepicker.js 文件 var zIndex = parseInt(this.element.parents().filter(function(){     return $(this).css('z-index') !== 'auto';    }).first().css('z-index'))  +10; 将+10改为+99999999; 原因:z-index是设置元素的堆叠顺序,从负到正表示从下到上堆叠,这里使用css方法将z-index设

只显示年月的js时间控件 纯手写

<style> #date { text-align: center; } .td { cursor: pointer; } </style> <script> function GetDate() { var date = new Date(); var year = date.getYear(); var month = date.getMonth(); var str = ''; str += '<table id="date">'

datetimepicker 时间控件 1899年问题以及解决方法

bootstrap-datetimepicker时间控件显示问题,显示1899年. 案例回顾: 第一次页面加载完点击时间控件,显示正常. 第二次点击的时候,发现显示为1899年 原因调查:结果发现日期格式化的代码出错了 这类问题可以去读一下bootstrap-datetimepicker的源代码,我们会发现它的日期format格式里面没有上述的这种日期格式,也就导致了日期控件选择时间后无法格式化导致内部异常出现了1899年这样的滑稽bug. 解决方案有2个, 一是直接修改format: 'yyy

jquery-ui日期时间控件实现

日期控件和时间控件为独立控件,日期时间控件要同一时候导入日期控件和时间控件的js,然后在日期控件加入时间控件显示參数,没有导入时间控件js.日期控件函数设置的时间控件參将包错 日期控件官网网址:http://jqueryui.com/ 日期控件js:jquery-ui.js 相应函数及默认属性设置:function Datepicker() 时间控件官网网址:http://plugins.jquery.com/jt.timepicker/ 时间控件js:jquery-ui-timepicker-