no-image

JavaScript

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

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

pickadate

デモ

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

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

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

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

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

pickadate

関連記事

  1. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

  2. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

  3. jquery.autoscroll-text-tape
  4. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

  5. jqueryIntroLoader
  6. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

最近の記事

  1. レトロスペクティブ V2.0
  2. YAECA ワイドテーパードデニム 10-13WW
  3. ADR-3ML39シリーズ
  4. キュレル モイスチャーバーム

アーカイブ

PAGE TOP