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. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  2. no-image

    JavaScript

    背景にスクロールエフェクトを実装する「Physics-Based Background Scroll…

    背景に美しいスクロールエフェクトを実装する「Physics-Based…

  3. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  4. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  5. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

  6. JavaScript

    360度画像を回転させるjQueryプラグイン10

    画像を360度回転させて見せることができる素敵なjQueryプラグイン…

最近の記事

  1. ゴールデンパイナップル
  2. 雪がつもった公園
  3. ハンガリー産 純粋アカシアはちみつ
  4. COMOLI ダブルレイヤー L/Sクルー
  5. メキシコ オアハカ

アーカイブ

PAGE TOP