スポンサーリンク

Ionic4+Firebaseでパスワード制限つきチャットアプリ(3)Angularのpipeで日付フォーマット調整

前回は、チャット画面を作成ました。

http://twosquirrel.mints.ne.jp/?p=28016

今回は、引き続き、以下のサイトを写経して、チャットの日付表示を実装します。

https://qiita.com/Yamamoto0525/items/afc1c23ea56ae20a1931

(開発環境)

git version 2.17.1.windows.2
Sourcetree Version 2.6.9.0
VisualStudioCode 1.27.1

(0)やること

Ionic(Angular ?)のdate のpipeを用いて、日付表示を行いたい。

(1)

app/models/chat.ts

(変更前)

(変更後)

(2)app/home/home.page.ts

(変更後)

(3)app/home/home.page.html

(変更前)

(変更後)

参考:https://angular.io/api/common/DatePipe

現時点でのソースコード
https://github.com/adash333/ionic4-firebase-chat/tree/178c235e46a8e2bb99399bf8483af75739ef91f4