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

関連記事

  1. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  2. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  3. flexImages

    JavaScript

    軽量でFlickrやGoogle画像検索のようなギャラリーのjQueryプラグイン「flexImag…

    flexImagesというjQueryプラグインを使えば、軽量でレスポ…

  4. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  5. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  6. Flex-box Gallery

    JavaScript

    ランダムサイズの画像をかっこいいギャラリーにしてくれる「Flex-box Gallery」

    Flex-box Galleryは、ランダムサイズによる画像たちをかっ…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP