PIGNOSE Calendar

JavaScript

美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」

PIGNOSE Calendarは、美しくてシンプルな操作性によるデートピッカーを実装することができるjQueryプラグインです。カレンダーを表示させて、その中からユーザーに好きな日付を選択させることができます。

モバイルフレンドリーで複数の言語もサポート

デモ

デモページにはたくさんの種類のデートピッカーが用意されています。あらかじめカレンダーが表示されているものからクリックでカレンダーを表示させるもの、ダークテーマ、ブルーテーマ、スケジュールカレンダー、日付の範囲指定ができるものなど、さまざまなタイプのデートピッカーがあります。

カレンダーのデザインもシンプルでクリーンでとても見やすいですね。ダークテーマやブルーテーマなどいくつかのテーマも用意されているので、自サイトに合わせたデザインにセッティングすることも可能です。

ちなみに、テーマはオプションの「theme」という項目から指定することができます。値は、light、dark、blueの3種類が用意されています。

また、日付の範囲指定もオプションの「multiple」から設定可能です。trueにすることでmultipleが有効になります。

このように、シンプルなデザインながらもオプションがいろいろ用意されているので、カスタマイズ性の高いデートピッカーに仕上がっています。レスポンシブ対応でモバイルフレンドリーなところも嬉しいですね。

複数の言語(en、ko、fr、ch、de、jp、pt、da、pl、es、fa)をサポートしているところも魅力的だと思います。

というわけで、まだまだ他にもいろんな機能があるので、気になる人はぜひ「PIGNOSE Calendar」をチェックしてみてください。

PIGNOSE Calendarの詳細やダウンロードは、以下のページからどうぞ。

PIGNOSE Calendar

no-imageいろんなズーム機能を実装できるjQueryプラグイン「xZoom」前のページ

横棒の軽量なプログレスバーを実装できる「Jquery Line Progress Bar」次のページJquery Line Progress Bar

関連記事

  1. sidebar-nav

    JavaScript

    ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

    sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー…

  2. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  3. JK Responsive Youtube Video and Image Gallery
  4. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  5. Flipster

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

最近の記事

  1. 岩木山
  2. パーソナルパーティション

アーカイブ

PAGE TOP