わたねこコーリング

野良プログラマ発、日々のアウトプット

Vue FlatPickr Component (CDN 版)を日本語化する

Vue.js なお仕事で日付入力にお馴染みの FlatPickr を使ったので、表題件を備忘録的にメモ。背景はこんな感じ。

  • モノリシックな SPA 開発というよりは、レガシィな既存サイトの一部ページについて U/I を Vue.js 化するという案件だったので、JS ライブラリは全て CDN 版を利用。
  • FlatPickr も生じゃなくて Vue コンポーネントだと嬉しいので、Vue FlatPickr Component を採用。

jQuery 時代にはよく使ってた FlatPickr ですが、Vue コンポーネントは色々と勝手が違ってちょっと手間取りました。結局は

と、これだけで良かったみたいです。Vue FlatPickr Component の jsFiddle デモを fork して日本語版にしておきましたので、どうぞ。

jsfiddle.net