jquery-calendar

JavaScript

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

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

jquery-calendar

デモ

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

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

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

jquery-calendar

TextFitテキストをコンテナ幅にすばやくフィットさせる「TextFit」前のページ

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

関連記事

  1. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

  3. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  4. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  5. Multi-Level Accordion Menu
  6. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP