vue+firebase+datepickerでめちゃくちゃハマった

概要

Vue+firebaseで簡単なWebアプリケーション作成中に、Datepickerで選択しようとした時にハマった話

原因

Firebaseには日付型が保存できない。

対策

文字列で保存する。

/*
newTodo: {
  name: '',
  task: '',
  selectedDate: new Date('2019/01/01')
}
*/
// firebaseに保存する前に文字列に
var saveDate = newTodo.selectedDate.toDateString()

めちゃくちゃ簡単なことに非常に時間を取られてしまった・・・

原因2

vue-material（https://github.com/vuematerial/vue-material）を使用しているのですが、特定バージョンでmd-datepickerをしようするとduplicate errorが出て保存されないみたいです。

参考

https://github.com/vuematerial/vue-material/pull/1379 fix(MdDatepicker): duplicate keys by Samuell1 · Pull Request #1379 · vuematerial/vue-material · GitHub

github.com