jquery-calendar

JavaScript

レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

jquery-calendarはレスポンシブに対応したスケジュール管理もできるカレンダーを実装できます。シンプルなデザインでとても見やすく、イベント作成も簡単にできるのがいいですね。

jquery-calendar

デモ

デモではシンプルなカレンダーが設置されており、左上にある「Create an event」というボタンから、イベント(予定)を作成することができます。イベントの日時、タイトル、内容、カテゴリーなどを入力して「Create」ボタンを押せばOKです。

また、「Add a random event」というボタンからは、ランダムで予定が作られるので、試しに何かイベントを作成してみたい場合にはここをクリックしてみてください。

jquery-calendarはレスポンシブにも対応しているので、パソコンだけではなくスマホやタブレットなどでもカレンダーをチェックできます。

jquery-calendar

関連記事

  1. no-image

    JavaScript

    シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

    Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるj…

  2. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  3. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  4. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

  5. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  6. ScrollMenu.js

    JavaScript

    縦横配置やナビメニューと統合できる便利なスクロールバー「ScrollMenu.js」

    ScrollMenu.jsは通常の味気ないスクロールバーを便利で新しい…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP