プロが教える店舗&オフィスのセキュリティ対策術

お世話になります。
友人から、「セレクトボックスの日付の並びがおかしい。直してほしい」と頼まれたのですが、開いてみたら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 );

/* 各要素を抽出(月と日は2桁で)*/
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日間分」のセレクトボックスを表示できるようにするにはどこをどう書き換えれば良いのでしょうか?

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

A 回答 (2件)

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



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

×d.setDate( Today.getDate() + i );
○d.setDate( d.getDate() + 1 );
    • good
    • 0
この回答へのお礼

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

お礼日時:2006/04/24 17:21

<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 );
/* 各要素を抽出(月と日は2桁で)*/
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>
    • good
    • 0
この回答へのお礼

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

お礼日時:2006/04/24 17:25

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!