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. jQuery PieTimer

    JavaScript

    時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」

    jQuery PieTimerは時間の経過とともに円形のデザインが欠け…

  2. Erge Drop Down Menu Control
  3. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  4. stickyNavbar.js
  5. Horizontal Timeline

    JavaScript

    水平方向のタイムラインを実装できる「Horizontal Timeline」

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  6. JavaScript

    とても簡単にクールなドロップダウンを実装できるjQueryプラグイン「DropKick」

    個人的に使いやすそうだったので備忘録です。DropKickというjQu…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP