記事に投稿日と更新日を入れる

投稿日:2020年10月6日

更新日:2020年10月6日

記事のmdのファイルに投稿日と更新日の項目を入れておく

↓「createdAt」と「updatedAt」です。

---
number: 50
title: "記事に投稿日と更新日を入れる"
tag: "step01"
createdAt: 2020-10-06
updatedAt: 2020-10-06
nextpage: 006
prevpage: 004
---

テンプレートに日付の表示を追加する

テンプレートファイル「/src/templates/StepPost.vue」の表示したいところに追加。

<p class="h6">{{ $page.stepPost.createdAt }}</p>
<p class="h6">{{ $page.stepPost.updatedAt }}</p>

今回は余裕じゃね~と思って表示をみたら…そうじゃないだろう。。。


2020-10-06T00:00:00.000Z
2020-10-06T00:00:00.000Z


なんで時間出てるねん…
おそらく文字列で入れたらいいんだけど、将来日付で並び替えとかするかも…と考えると譲れないなぁ。

↓こうでした!解決!割と強引に日本語入れたけどいけたw
テンプレートファイル「/src/templates/StepPost.vue」のpage-queryを変更!

<page-query>
  query StepPost($id: ID!) {
    stepPost(id: $id) {
      title
      tag
      createdAt (format: "YYYY年M月D日")
      updatedAt (format: "YYYY年M月D日")
      content
    }
  }
</page-query>

表示はこうなりました。あとはスタイルあてて調整しまーす


2020年10月6日
2020年10月6日


目次ページに戻る