締切済み

日付の自動表示について

2008/11/04 16:59

日付の自動表示で困っています。現在、「行動予定登録画面」を会社で使用するために作っているのですが、日付を自動表示にしろと言われました。具体的には「2008年10月今週(来週)の予定」の、年月部分とその日付自体(例えば10/13(月)等)が自動で更新表示されるようにということでした。「2008年10月今週(来週)の予定」は、画面上部にタイトルのように置かれており、具体的な日付(10/13(月)等)はその下にテープルが組まれ、縦に並んで収まっています。両方を自動更新表示するにあたり、HTML上でどのような記述をすればよいのかわかりません。どなたか教えていただけませんでしょうか。どうぞよろしくお願いします。

coralsand
お礼率61% (30/49)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

みんなの回答

fujillin
ベストアンサー率61% (1594/2576)

2008/11/04 19:24 回答No.2

こんな感じでしょうか？開始日、終了日が不明ですが、そのあたりの計算は適当にアレンジしてください。 <html> <head> <script type="text/javascript"> window.onload=function(){ var week='日月火水木金土'.split(''); var d=new Date(); document.getElementById('title0').innerHTML=d.getFullYear()+'年'+(d.getMonth()+1)+'月今週(来週)の予定'; var dy=document.getElementById('list0').getElementsByTagName('span'); var dd=new Date(); for (var i=0; i<dy.length; i++){ d.setTime(dd.getTime()+(i*24*60*60*1000)); dy[i].innerHTML=(d.getMonth()+1)+'/'+d.getDate()+'('+week[d.getDay()]+')'; } } </script> </head> <body> <div id="title0">ここに○○の予定</div> <p>なんたらかんたら <ul id="list0"> <li><span></span>　忙しいと思えば <li><span></span>　ちょっと暇 <li><span></span>　お休みしちゃおか？ <li><span></span>　こんな日々が <li><span></span>　いつまで続くのか </ul> </body> </html>