日付のフラッター、フォーマットの日付、日付ピッカーアセンブリ

日付とタイムスタンプでフラッター

//取得し、現在の日付 
のDateTime _nowDate = DateTime.now();
印刷(_nowDate); // 2019年10月29日10:57:20.384872
印刷(_nowDate.millisecondsSinceEpoch); //タイムスタンプ、1572317840384
印刷(DateTime.fromMicrosecondsSinceEpoch(1572317840384)); //日付スタンプを変換し、1970-01-1912:45:17.840384

いわゆるタイムスタンプは、今までの秒数の合計の自己GMT 1970年1月1日(1970年1月1日に北京時間08時間00分00秒)00時間00分00秒を指し

いくつかのケースでは、背景には、タイムスタンプにすべての時間が返されるかもしれない、我々は、タイムスタンプの時刻と時間形式を変換する必要があります私たちのフロントエンドに。

時間を表示し、我々はどのように我々は異なるフォーマットに変換し、同じ時間をかけないので、上の1970年1月1日、このよう1970-01-01,1970 / 01/01として、様々な形態を持っている、となり、それを必要と?次に、私はフラッターサードパーティのライブラリを紹介します。

サードパーティのコンポーネントライブラリを舞います

追加依存コンポーネントのインストールを参照してくださいpub.dev検索DATE_FORMATをログに記録

pubspec.yaml

依存関係:
    DATE_FORMAT: ^ 1.0.8

プレスCTRL + Sやフラッターパッケージが自動的に例外なく、コンソールに注意を払う、依存関係をダウンロードした後に取得する成功をダウンロードすることです

パッケージの導入

インポート 'パッケージ:/ date_format.dart DATE_FORMAT';
プリント(は、FormatDate(DateTime.now()、[YYYY、 " - "、MM、 " - "、DD、 ""、DD、 ""、HH、 ":"、NN、 ":"、SS]))。

輸出

2019年10月29日水曜日午後2時27分29秒

コールフラッターは、時間と日付ピッカーコンポーネントセレクタアセンブリが付属しています

選択されたデータにカレンダーコンポーネントとアクセスを表示する方法

// _民間、民間の書き換えの代わりにカレンダー設立
  _showDatePicker(){ 
    showDatePicker(
      コンテキスト:コンテキスト、// コンテキストを渡す必要があり 
      initialDateを:_nowDate、// 初期化日付設定 
      firstDate:日時(1900年)、// 開始時間を設定します 
      lastdate:日時(2100年)、// 終了時刻 
    ).then((ヴァル){ // 非同期メソッド
      プリント(ヴァル); 
    }); 
  }

方法二

_showDatePicker()非同期{ 
    VARヴァル = ザはshowDatePicker(待つ
      コンテキスト:コンテキストは、// コンテキストを渡す必要があり 
      initialDateを:_nowDate、// 設定初期化日付 
      firstDate:日時(1900)、// 設定された開始時間 
      lastDate:日時(2100)、// 設定された終了時間
    ); 
    SETSTATE((){ 
      // 変数時刻を取得渡さ
      この ._nowDate = ヴァル; 
    }); 
  }

変数の置換テキストを使用します

コンテナ(
マージン:EdgeInsets.all(5)、
幅:350、
高さ:120、
装飾:新しい新しいBoxDecoration(
カラー:Colors.black12、
borderRadius:BorderRadius.circular(10.0)、//境界
)、
子供:GestureDetector(//ジェスチャイベントの
子:テキスト( '$ {は、FormatDate (_nowDate、[YYYY、 " - "、ミリメートル、 " - "、DD])}')、// 置換テキストの
中ONTAP:(){
_showDatePicker(); //ヘビーに呼び出しますアセンブリを書き込みます
}、
)、
)、

時間

  //搬送アセンブリ
showTimePicker( コンテキスト:コンテキスト、 initialTime:
新しい新しいTimeOfDay.now() )({(ヴァル).then プリント(ヴァル); 。})CatchError((ERR){ プリント(ERR); });
  // 取得し、現在時刻 
  VAR _nowTime = TimeOfDay.now(); 


_showTimePicker()非同期{ 
    VAR valが = ザがshowTimePicker(待つ
        コンテキスト:コンテキストを、@のコンテキスト 
        initialTime:_nowTime // 分、12:現在の時刻が、TIMEOFDAY(時間一定時間を設定:10)
    ); 
    SETSTATE((){ 
      この ._nowTime = ヴァル; 
    }); 
  }

 

参考:https://cloud.tencent.com/developer/article/1495839

 

おすすめ

転載: www.cnblogs.com/ssjf/p/11758232.html