no-image

JavaScript

レスポンシブ対応でモバイルフレンドリーなjQueryデートピッカー・タイムピッカー「pickadate」

pickadateはレスポンシブに対応したモバイルフレンドリーなデートピッカー・タイムピッカーを実装できるjQueryプラグインです。軽量でサクサク動作するのでとても快適です。

pickadate

デモ

デモでは「Try me…」と書かれたボックスが2つ設置されています。上にあるのが日付を指定するデートピッカー、下にあるのが時間を指定するタイムピッカーになっています。

デートピッカーでは大きめのカレンダーが表示されるのでとても見やすく選択もしやすい印象です。タイムピッカーでは縦長に30分単位で時間を選択できるようになっています。こちらはスクロールしながらシンプルに時間を選べるのでスマホやタブレットなどのモバイルでの操作性はとてもよさそうですね。

また、pickadateはタッチやキーボードによる操作も可能になっているほか、40以上の言語翻訳も付いてきます。

サポートされているブラウザは、すべてのモダンブラウザとIE8+とのこと。ライセンスはMITになります。

というわけで、軽量でレスポンシブに対応したモバイルフレンドリーなデートピッカー・タイムピッカーを実装できるjQueryプラグイン「pickadate」の紹介でした。

pickadate

Recursive Hover Navスタイリッシュなホバーナビゲーションを実装できる「Recursive Hover Nav (Only CSS)」前のページ

ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」次のページno-image

関連記事

  1. tingle.js

    JavaScript

    シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

    tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプ…

  2. Shuffle Images

    JavaScript

    画像をシャッフルすることができるjQueryプラグイン「Shuffle Images」

    Shuffle ImagesというjQueryプラグインを使えば、画像…

  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  5. countdownCube

    JavaScript

    3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」

    countdownCubeは3Dキューブのようにクルッと回転するカウン…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6
  4. Apple Watch Series 6

アーカイブ

PAGE TOP