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. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  2. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  3. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  4. Freewall

    JavaScript

    レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」

    FreewallというjQueryプラグインを使えばレスポンシブに対応…

  5. Chameleon.js
  6. EZ Tabs jQuery Plugin

最近の記事

  1. SF-G64T
  2. USB Type-C搭載ドッキングステーション
  3. RX100M6

Facebookページ

PAGE TOP