jquery-calendar

JavaScript

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

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

jquery-calendar

デモ

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

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

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

jquery-calendar

関連記事

  1. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  2. Create a month picker jQuery plugin
  3. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  4. CSS3 Menu Slider
  5. jquery countDownTimer
  6. HTML5 Sortable

    JavaScript

    リストをドラッグ&ドロップで並べ替えることができるjQueryプラグイン「HTML5 So…

    リスト化した要素をドラッグ&ドロップで並べ替えることができるjQuer…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP