web-dev-qa-db-ja.com

HTMLとJavaScriptで動的な週次スケジュールを作成するにはどうすればよいですか?

週のカレンダーのテーブルベースのレイアウトを作成するのは簡単です。曜日ごとに7つの列があり、時間ごとにさまざまな行があります。作成には問題ありません。難しい部分は、このテーブルに毎日の「イベント」を動的に入力することです(これを静的に行う方法がわかりません)。

ユーザーは、毎週のスケジュールに追加する「イベント」のリストにアクセスできます。そして、それらは動的にウェブページに追加される必要があります。各イベントには特定の開始時刻と終了時刻があり、複数の曜日に発生する場合があります。一連の行スパンの問題に遭遇することなく、これらの「イベント」をテーブルレイアウトにどのように追加できるかわかりません(多くのイベントはさまざまな長さで、さまざまな時間に及びます)。各イベントの長さが常に1時間であれば簡単ですが、そうではありません。

私は毎日、時間の列が隠されたそれぞれのテーブルにすることを考えていました。私はまだこれが巨大な混乱をもたらすだろうと感じています。何か案は?

15
whoabackoff

なぜ車輪を再発明するのですか?

これはあなたのすべての懸念をカバーすると思います。

http://arshaw.com/fullcalendar/

25
Brandon Boone