12
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Firebase】知らなくて損した時間の取得方法【1行だったのに…】

Posted at

昨日までの自分をぶん殴ってやりたい。

環境 VueCLI3.0

store.js
actions: {
    addPost ({ getters, commit }, post) {
      if(getters.uid) firebase.firestore().collection('posts').add(post)
      commit('addPost', post )
    },
}

昨日までのコード

Form.vue
methods: {
  submit () {
    var now = new Date();

    // 「年」「月」「日」「曜日」を Date オブジェクトから取り出してそれぞれに代入
    var y = now.getFullYear();
    var m = now.getMonth() + 1;
    var d = now.getDate();
    var w = now.getDay();
    // 曜日の表記を文字列の配列で指定
    var wNames = ['日', '月', '火', '水', '木', '金', '土'];
    if (m < 10) {
      m = '0' + m;
    }
    if (d < 10) {
      d = '0' + d;
    }
    this.addPost({
      created_at: (y + '' + m + '' + d + ' (' + wNames[w] + ')'),
    })
  })
},
   

結果
スクリーンショット 2019-09-17 19.10.16.png

今日からのコード

Form.vue
methods: {
  submit () {
    this.addPost({
      timestamp: firebase.firestore.FieldValue.serverTimestamp(),
     })
   }
 }

結果
スクリーンショット 2019-09-17 19.09.52.png

当時、ドキュメントを一生懸命探した気がするけど、節穴だったせいで今見つけた。

以上、知らなくて損した話でした。

12
5
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?