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

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

Ionic4+Firebaseでパスワード制限つきチャットアプリ(2)AngularのngForでチャットコメントを実装する
前回は、チャット画面を作成ました。 今回は、引き続き、以下のサイトを写経して、チャットコメントを実装していきます。 ...

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

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

(開発環境)
image_thumb_thumb

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

(変更前)
image

(変更後)
image

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

(変更後)
image

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

(変更前)
image

(変更後)
image

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

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

関連記事
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする