Vue.js なお仕事で日付入力にお馴染みの FlatPickr を使ったので、表題件を備忘録的にメモ。背景はこんな感じ。
- モノリシックな SPA 開発というよりは、レガシィな既存サイトの一部ページについて U/I を Vue.js 化するという案件だったので、JS ライブラリは全て CDN 版を利用。
- FlatPickr も生じゃなくて Vue コンポーネントだと嬉しいので、Vue FlatPickr Component を採用。
jQuery 時代にはよく使ってた FlatPickr ですが、Vue コンポーネントは色々と勝手が違ってちょっと手間取りました。結局は
- i10n プログラムの CDN 版( https://npmcdn.com/flatpickr@4.6.13/dist/l10n/ja.js )を読み込む。
- VueFlatpickr の Config に locale: 'ja' を追加する。
と、これだけで良かったみたいです。Vue FlatPickr Component の jsFiddle デモを fork して日本語版にしておきましたので、どうぞ。