Flatpickrメモ

Flatpickrは他のライブラリに依存していないDateTimePickerです。
document
Github
日本語の設定

コンストラクタ

let flatpickrs = flatpickr(selector, options);
let flatpickr = flatpickr(elem, options);


オブション *

optionはHTML要素のdata属性で指定することができる。


API


Event *


要素 *


カレンダーの年月の表示順序を変える

以下のCSSで変更することができる。

.flatpickr-current-month {
    display: flex;
    justify-content: center;
}

.cur-year {
    order: 1
}

.cur-month:before  {
     content: "年 "
}

.cur-month {
    order: 2
}

example


PikaDay.jsメモ

vue-flatpickr