Result CSS Gridを使ったカレンダーUIのサンプルです コードはCodepenをご確認下さい ※本記事での表示用に少しコードを変更しています via CSS grid calendar

Googleカレンダーで設定したイベント等に対応したカレンダー実装スクリプト・kalendarのご紹介です。勿論、普通にイベント設定も可能。jQueryに依存しています。 イベント対応のカレンダーを手軽に実装出来る、というスクリプトです。 こんな感じのカレンダーです。日付を押すとその日のイベント一覧に切り替わります。 Sample events: [ { title: "hoge", start: { date: YYYYMMDD or "YYYYMMDD", time: "HH.MM" }, end: { date: YYYYMMDD or "YYYYMMDD", time: "HH.MM" }, location: "huga", url: "http://example.com", color: "string" } ], イベントは上記の要領で設定すればいいみたい。 他、Googl
CLNDR.js カスタマイズが容易なカレンダー生成jQueryプラグイン「CLNDR.js」 マークアップやCSSは独自で定義してデザインし、Underscore.js形式のテンプレートを使ってカレンダー部分を実装できます カレンダーを実装する際は動的な部分がでてきてしまって割りとややこしいですが、動的な部分はJSでやってくれます サーバサイドでライブラリなどを利用してカレンダーを生成する以外にも、クライアントサイドでカレンダーを実装したい際の1つの選択肢として使えそう 関連エントリ Googleカレンダーっぽい物や日付ピッカー等カレンダー関連のjQueryプラグイン集15 レスポンシブで超クールなカレンダーデモとjQueryプラグイン「Calendario」 Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」
Calendario: A Flexible Calendar Plugin | Codrops レスポンシブで超クールなカレンダーデモとjQueryプラグイン「Calendario」。 次のようなグラデーションが美しいカレンダーのデモとプラグインが共に配布されています。 カレンダーのHTML構造は予め決められており、CSSでデザインされています。 カレンダー機能はシンプルなものですが、コールバック等である程度カスタマイズできそうです。 関連エントリ Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダーやDateピッカー関連のjQueryプラグイン20 これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」
そろそろ2011年の終わりを迎えようとしています。2012年用のカレンダーは準備できましたか?これからという方は、ネット上から無料でダウンロードできるカレンダーを使ってみてはいかがでしょうか。シンプルなデザインや、こだわりたい人向けのペーパークラフトタイプなど、さまざまなカレンダーを紹介します。 ■ 卓上型にはがきサイズも!バリエーション豊富なカレンダー まずは、サイズが豊富なカレンダーをチェックしてみましょう。シンプルなデザインがそろっています。 ▽ 2012(2013)年 カレンダー 無料ダウンロード・印刷|ちびむすカレンダー 小学生向けの学習プリントなどを提供する「ちびむすドリル」では、振りがなが付いた子ども向けのカレンダーだけでなく、大人向けのシンプルなカレンダーもダウンロードできます。用意されている大きさは、A3/A4サイズ、はがきサイズ、卓上サイズとさまざま。種類は、1ヶ月、2
glDatePicker - A simple, customizable, lightweight date picker calendar plugin for jQuery シンプルデザインで使いやすい日付ピッカー実装jQueryプラグイン「glDatePicker」。 次のような大きめでシンプルデザインの日付ピッカーを簡単に実装できるプラグイン。デザインがよくても小さくて押しづらいものよりもよさそうです。 白黒のバージョンがあります。CSSデザインなのでデザイン変更も簡単でしょう。 $("#date1").glDatePicker();と書くだけで<input>にフォーカスした際に表示されクリックだけで日付を入力できます。 シンプルイズベストですね。 関連エントリ Mac OS XのDateLine風1行カレンダーをWEBサイトにも簡単実装できるjQueryプラグイン「Dateli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く