flatpickr

JavaScript

超軽量で使い方もカンタンな日付ピッカー「flatpickr」

flatpickrはjQueryなどのライブラリに依存することなく動作する、超軽量な日付ピッカーです。バニラJavaScriptで記述されているとのこと。日付ピッカーのフラットなデザインもシンプルでとても見やすいですね。使い方もカンタンなところがいいと思います。

flatpickr

デモ

Try me…と書かれたボックスをクリックすると、ベーシックなタイプのサンプルが表示されます。すっきりしたフラットデザインの日付ピッカーがとても素敵です。ピッカー上部の左右にある矢印で、前後の月に切り替えることができます。特定の日付を選択すると、ボックス内にその値が入力されます。

ほかにも複数のピッカーを設置したり、入力される値のフォーマットを変更したり、いろいろとカスタマイズして使うことも可能です。

日付だけでなく、時間を指定するタイムピッカーとしても活用できるので、軽量ながらパワフルにさまざまなサイトで活用できるのではないでしょうか。

またオプションも、dateFormat、timeFormat、defaultDate、minDate、maxDate、disableなどなど、たくさんの項目が用意されているので、自サイトに合わせたカスタマイズをしたい方にもうれしいポイントだと思います。

flatpickr

関連記事

  1. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  2. RELLAX

    JavaScript

    超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

    RELLAXは、滑らかなパララックスを実装できるバニラJavaScri…

  3. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

  4. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP