スライダーの日付が表示されない

[sakurum]

起こっている問題 / The Problem

• スライダーの日付表示が Invalid Date になっている
• Chromeでは発生しない、FirefoxとSafariでは発生する

スクリーンショット / Screenshot

[sakurum]

jsのDate()にISOフォーマットの日付を渡したときの挙動がブラウザによって異なるらしいので、これが関係しているかも

関連する記事とか

• https://ka2.org/handling-of-javascript-date-object-is-different-for-each-browser
• https://qiita.com/unbabel/items/12487e85525ba1ec1618

[sakurum]

Invalid Date, with timezone offset (Firefox, Safari)
iamkun/dayjs#631

[sakurum]

covid19-mie/utils/formatGraph.ts

Line 24 in accafb3

label: `${date.getMonth() + 1}/${date.getDate()}`,

で、APIから取ってきたデータを M/D の形式のlabelに変換していて、このlabelに対して

covid19-mie/components/DateSelectSlider.vue

Line 67 in accafb3

return dayjs(this.chartData[id].label).format('M/D')

dayjsで M/D の形式に変換しようとしてるところでバグが起きてるっぽい

そもそも M/D 形式の日付を再度変換する必要のない処理なので、この部分を削除して

return this.chartData[id].label

と、そのままreturnすると正常に表示された