お世話になります。
友人から、「セレクトボックスの日付の並びがおかしい。直してほしい」と頼まれたのですが、開いてみたら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日間分」のセレクトボックスを表示できるようにするにはどこをどう書き換えれば良いのでしょうか?
お手数ですが、どうかよろしくお願いします。
No.1ベストアンサー
- 回答日時:
とりあえず、以下の修正でどうでしょうか?
×var Today = new Date();
→使わないので削除
×d.setDate( Today.getDate() + i );
○d.setDate( d.getDate() + 1 );
早々にどうもありがとうございました。
PCのカレンダーをいろんな日付に直して試してみましたが、どんな設定でも完璧に対応できました。
「正」+「誤」という形で教えて頂くのも、「へぇー、何でこれで直るんだろう?」と考えるにも分かりやすく、とてもありがたいです。
どうもお世話になりました!!
No.2
- 回答日時:
<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>
どうもありがとうございます。
「自信なし」とのことですが、いろんな日付設定で試しても完全に対応してくれるスクリプトになりました。#1のyambejpさんとはまた別の方法でも出来るんですね。
正解が一つでないというのも非常に興味深いです。
使いやすい形でのソースのご提示、どうもありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- Visual Basic(VBA) 列 A に同じ日が2つが必要です。 1 2023/03/28 07:25
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/01/10 09:15
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryのload()を使用して外部...
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
Javaで避けるゲームを作ってい...
-
【JavaScript】数当てゲームを...
-
C#で、ContextMenuStripに動的...
-
javaScript textareaの一行あた...
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
javascriptにお詳しい方に質問...
-
商品コードを入力で、商品名、...
-
JavaScriptで決まった「時刻」...
-
ホームページの最終更新日を他...
-
C# 演算 奇数と偶数 表現の仕方
-
特定のclassを表示、非表示にする
-
なぜmatchメソッドがエラーにな...
-
javascriptでカウントダウンタ...
-
ASP.NET MVCでObjectをjsに渡す
-
idを使わずにonclickで自身の要...
-
Linux バイナリ実行できない "...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
メールフォームの日付入力フォ...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
GASでGoogleフォームの自動返信...
-
なぜmatchメソッドがエラーにな...
-
翌月を取得するGASが分かりません
-
ローカルにあるファイルを検索...
-
HTMLで作った時報アプリが動き...
-
ASP.NETのコントロールの値をJa...
-
C# 演算 奇数と偶数 表現の仕方
-
html javascript リンク先アド...
-
gas スプレッドシートがアクテ...
-
javascriptでテーブルに追加し...
-
VSCODE[Python]の設定について
-
JavaScriptで決まった「時刻」...
-
ASP.NET MVCでObjectをjsに渡す
-
イベントが初めの一回しか起き...
-
jqGridについて
おすすめ情報