○日後から○日間分のセレクトボックス：どこを直せばでいいのしょう？

質問

お世話になります。
友人から、「セレクトボックスの日付の並びがおかしい。直してほしい」と頼まれたのですが、開いてみたらJavascriptでした。

<option value = '' selected>------</option>
<script language="javascript">

var Today = new Date();
var d = new Date();
var Youbi = new Array( "日", "月", "火", "水", "木", "金", "土" );

/* 2日後～14日後 までを表示 */
for ( var i = 2; i < 15; i++ ){
d.setDate( Today.getDate() + i );

/* 各要素を抽出（月と日は２桁で）*/
var sYer = "" + d.getFullYear();
var sMon = ( "00" + ( d.getMonth() + 1 ) ).match( /..$/ );;
var sDat = ( "00" + d.getDate() ).match( /..$/ );
var sDay = Youbi[ d.getDay() ];

/* <option>を書き出し */
document.write( "<option value = '" + sYer + sMon + sDat + "'>" +
sYer + "年" + sMon + "月" + sDat + "日（" + sDay + "）</option>\n" );
}

</script>
</select>

となっているのですが、現状ですと、このスクリプトで出来たセレクトボックスの最上段の、明後日の日付から来月の1日までの日付はちゃんと表示されるのですが、その先がいきなり1ヶ月跳んでその次は1ヶ月と2日跳んで…といった表示になってしまいます。

2006年04月29日（土）
2006年04月30日（日）
2006年05月01日（月）
2006年06月01日（木）
2006年07月03日（月）
2006年08月03日（木）
2006年09月04日（月）

と言った具合です。

私はこのスクリプトを見ても計算内容か殆ど理解できないので、バグを見つけて直すことが出来ません。

このスクリプトで、月や年をまたいでも正常に「今日の2日後から14日間分」のセレクトボックスを表示できるようにするにはどこをどう書き換えれば良いのでしょうか？

お手数ですが、どうかよろしくお願いします。

回答No.1

yambejp · ベストアンサー

とりあえず、以下の修正でどうでしょうか？

×var Today = new Date();
→使わないので削除

×d.setDate( Today.getDate() + i );
○d.setDate( d.getDate() + 1 );

お礼

早々にどうもありがとうございました。
PCのカレンダーをいろんな日付に直して試してみましたが、どんな設定でも完璧に対応できました。
「正」＋「誤」という形で教えて頂くのも、「へぇー、何でこれで直るんだろう？」と考えるにも分かりやすく、とてもありがたいです。
どうもお世話になりました！！

回答No.2

noname#22259

<select>
<option value = '' selected>------</option>
<script language="javascript">
//var Today = new Date();
//var d = new Date();
var Youbi = new Array( "日", "月", "火", "水", "木", "金", "土" );
/* 2日後～14日後 までを表示 */
for ( var i = 2; i < 15; i++ ){
var d = new Date();
d.setDate( d.getDate() + i );
/* 各要素を抽出（月と日は２桁で）*/
var sYer = "" + d.getFullYear();
var sMon = ( "00" + ( d.getMonth() + 1 ) ).match( /..$/ );;
var sDat = ( "00" + d.getDate() ).match( /..$/ );
var sDay = Youbi[ d.getDay() ];
/* <option>を書き出し */
document.write( "<option value = '" + sYer + sMon + sDat + "'>" +
sYer + "年" + sMon + "月" + sDat + "日（" + sDay + "）</option>\n" );
}
</script>
</select>

お礼

どうもありがとうございます。
「自信なし」とのことですが、いろんな日付設定で試しても完全に対応してくれるスクリプトになりました。#1のyambejpさんとはまた別の方法でも出来るんですね。
正解が一つでないというのも非常に興味深いです。
使いやすい形でのソースのご提示、どうもありがとうございました！