jQuery Skeduler Plugin - カレンダーの週表示を行うjQueryプラグイン
仕事は大抵時間に即して行われているのでカレンダー風に表示したりすると分かりやすく可視化できます。スケジュールアプリでは総じて提供されていますが、自前で実装しようと思うと大変な表示です。 そこで使ってみたいのがjQuery Skeduler Pluginです。週表示のカレンダービューを提供するjQueryプラグインです。 jQuery Skeduler Pluginの使い方 表示例です。動的にデータを生成して表示しています。 マウスオーバーでその予定だけをズームしてくれます。 jQuery Skeduler Pluginの表示はなかなか貴重ではないでしょうか。データの追加などもjQueryらしく簡単にできます。時間を変更したりする機能はありませんが、ビューワーとしては十分使えるかと思います。 jQuery Skeduler PluginはjQuery/JavaScript製のオープンソース・
Booking.js - 空いている時間を表示するスケジュール管理 MOONGIFT
忙しくなってくるとミーティングなどの時間調整もままならなくなっていきます。なんとなく避けて提示した時間が相手にとってはピンポイントだったりして、いつまでも調整がつかないなんてこともあります。 そこで自分の予定をオープンにして、空いている時間を埋めてもらうのはいかがでしょう。Booking.jsはまさにそんなUIを提供します。 Booking.jsの使い方 Booking.jsのUIです。週間表示で1時間ごとに枠が決まっています。 空いている時間を選択すると予定を差し込めるようになっています。 こんな感じで自分の情報を入れればOKです。 複数のカレンダーにも対応。ビフの予定は入れたくないですね…。 Booking.jsは国に合わせて日付などの表記を変えたり、コールバックを受け取ることもできます。上司と面談する時間を各自で決めたり、弁護士などの仕業の方にとって便利なUIかも知れません。 Boo
Googleカレンダーを使って予定表を埋め込む - 役立つWEB活用の知恵 by PRサイトビズ
通常Googleカレンダーは非公開で使用する事を前提としているので、警告が出ますが、「はい」を選んでください。 注意事項誤操作で公開したくない情報が公開される場合もありますので、必ず第三者からの見え方をチェックし、自己責任で公開を行ってください。 以下の部分に新しいカレンダーが出来ていれば完成です。次は実際にこのカレンダーに予定を追加していきます。 ※カレンダーを複数作成すると上記の赤枠の下に追加されていきます。カレンダーごとに公開、非公開を設定でき、基本は非公開がデフォルトですがWEBサイトに埋め込む為には公開が必要です。 このページの先頭へ カレンダーに予定を追加するカレンダーの予定を入れたい日にちをクリックすると入力画面が出現します。 「タイトル」を入力 先ほど作成した公開用の「カレンダー」を選択します。 「予定を作成」をクリック 予定が入力されている事が確認できます。また、左側のに
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt
シンプルで見やすいガントチャート を描画できるjQueryのプラグイン。 以前見かけてから放置していたので 少し触って見ました。使う機会は 個人的には多くありませんけど、 覚えて置いて損はしないかと。 この手のはよく見かけますけど、今日のプラグインは個人的に使いやすい印象だったのでメモ。 こういうやつ。 サンプル作ったので宜しければご覧下さい。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src="jquery.fn.gantt.js"></script>本体とプラグイン。 $(".foo").gantt({ scale: "weeks", minScale: "weeks",
月曜始まりのカレンダーを出力する(完成編)
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 昨日の話の続きで、月曜始まりのカレンダーを出力する方法をお話しします。 今日は、昨日述べた問題点の解決方法と、具体的なテンプレートについて解説します。 1.1日が日曜日の場合 まず、1日が日曜日の場合に、1日をカレンダーに出力する方法から述べます。 1日が日曜日の場合、MTCalendarタグの繰り返しの1回目では、1日の日付を出力する状態になり、空のセルの出力ではありません。 そこで、「繰り返しの1回目であり、かつ空のセルでないならば、1日の日付を出力する」というように条件判断するようにします。 昨日あげたテンプレートでは、繰り返しの1回目を判断する処理が入っています。 そこ
月曜始まりのカレンダーを出力する（テンプレート＆問題編）
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 昨日の話の続きで、月曜始まりのカレンダーを出力する方法をお話しします。 今日は、具体的なテンプレートの組み方を解説します。 また、昨日の考え方では不足している点があるので、その点も取り上げます。 1.テンプレートを組む 前日の話に基づいて、実際にテンプレートを組むと、以下のようになります。 <table> <tr><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th><th>日</th></tr> <mt:Calendar> <mt:CalendarIfBlank> <$mt:SetVar name="blank
月曜始まりのカレンダーを出力する（考え方編）
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 昨日、MTQに以下のような質問が上がっていました。 MT５を利用して、スケジュールカレンダーを作成しております。 デフォルトでは日曜になっている曜日始まりを 月曜に変更できたら、と思っているのですが、、 そのような方法はありますでしょうか？ 残念ながら、Movable Typeの標準機能では、簡単に月曜始まりにすることはできません。 ただ、既存のカレンダー関係のテンプレートタグと、条件判断とをうまく組み合わせれば、月曜始まりのカレンダーを出力することができます。 今日は、その基本的な考え方を解説します。 1.MTCalendarタグの仕組み Movable Typeでカレンダー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CodyHouse | Web Design Nuggets