http://oshiete.goo.ne.jp/qa/5738655.html
上記に似たような質問があったのですが、ここから進めることができませんでしたので質問させていただきました。
皆様のお知恵をかしていただければ幸いです。
javascriptで、当日から2ヶ月間分の月水土の日付と曜日を出力し、プルダウンに表示させるといったものを行いたいです。
<select name="" class="">
<option value="2013-01-20">1月19日(土)</option>
<option value="2013-01-15">1月21日(月)</option>
<option value="2013-01-17">1月23日(水)</option>
<option value="2013-01-20">1月26日(土)</option>
<option value="2013-01-15">1月28日(月)</option>
<option value="2013-01-17">1月30日(水)</option>
<option value="2013-01-20">2月2日(土)</option>
<option value="2013-01-15">2月4日(月)</option>
<option value="2013-01-17">2月6日(水)</option>
<option value="2013-01-20">2月9日(土)</option>
<option value="2013-01-15">2月11日(月)</option>
<option value="2013-01-17">2月13日(水)</option>
<option value="2013-01-20">2月16日(土)</option>
<option value="2013-01-15">2月18日(月)</option>
<option value="2013-01-17">2月20日(水)</option>
<option value="2013-01-20">2月23日(土)</option>
<option value="2013-01-15">2月25日(月)</option>
<option value="2013-01-17">2月27日(水)</option>
<option value="2013-01-20">3月2日(土)</option>
<option value="2013-01-15">3月4日(月)</option>
<option value="2013-01-17">3月6日(水)</option>
<option value="2013-01-20">3月9日(土)</option>
</select>
最終的にこのような形で出力されるのが理想です。
別の質問でにたものは土曜日だけでしたので、その他の曜日を追加する事ができませんでした。
もしお分かりの方がいらっしゃいましたら、ご教授頂けると幸いです。
以上、よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
こんな感じでもよいかも
<script>
window.onload=function(){
var sel=document.getElementById("hoge");
var d1=new Date();
var d2=new Date();
d1.setMonth(d1.getMonth()+2);
var youbi=["日","月","火","水","木","金","土"];
while(d2 < d1){
d2.setDate(d2.getDate()+1);
if(d2.getDay().toString().match(/[136]/)){
var obj=document.createElement("option");
var txt=(d2.getFullYear())+"-"+(d2.getMonth()+1)+"-"+d2.getDate();
obj.setAttribute("value",txt);
var txt=(d2.getMonth()+1)+"月"+d2.getDate()+"日("+youbi[d2.getDay()]+")";
obj.appendChild(document.createTextNode(txt));
sel.appendChild(obj);
}
}
}
</script>
<select id="hoge">
</select>
ご連絡が遅くなりました。
素早いご回答ありがとうございました。
やりたい事が実現できました!
勉強不足で申し訳ございません。
助かりました。
No.1
- 回答日時:
こんにちは。
2ヶ月先だと3/18(月)も対象になると思います。またvalueの内容がリピートしてるのは転記ミスでしょうか。
60日として以下のように作ってみました。
==== HTML
<select id="selectDate">
</select>
==== JavaScript
<script type="text/javascript">
var w = new Array ( '日', '月', '火', '水', '木', '金', '土' );
window.onload = function() {
var selectDateOptions =
document.getElementById('selectDate').options;
selectDateOptions.length = 0;
for ( var i = 0; i <= 60; i ++ ) {
var date = new Date();
//日付を加算
date.setDate ( date.getDate() + i );
var day = date.getDay();
// 曜日が1:月 3:水 6:土のときのみ処理
if ( day === 1 || day === 3 || day === 6 ) {
var strText =
('0'+(date.getMonth()+1)).slice(-2) + '月' +
('0'+date.getDate()).slice(-2) + '日' +
'(' + w[date.getDay()] + ')';
var strValue =
date.getFullYear() + '-' +
('0'+(date.getMonth()+1)).slice(-2) + '-' +
('0'+date.getDate()).slice(-2);
selectDateOptions[selectDateOptions.length] = new Option ( strText, strValue );
}
}
};
</script>
ご連絡が遅くなりました。
ご指摘部分は転載ミスでした、すみません。
素早いご回答ありがとうございました、大変助かりました。
とても勉強になりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript jsでは、'で区切った部分を改行することはできない。〇か×か。 1 2022/06/26 19:58
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
リストボックス内の重複したも...
-
selectを使った計算
-
javascriptでセレクトボックス...
-
selectボックスの選択結果を変...
-
phpと連動させるには?
-
<select> select...
-
プルダウンからの背景色変更
-
プルダウンメニューで画像を切...
-
まったく同じ<select>フォーム...
-
selectを変更不可にしたい
-
VBScriptでHTMLのセレクトボッ...
-
Selectボックスの幅を自動で広...
-
javascript作成してます。ラジ...
-
Pythonで会員サイトの自動ログ...
-
現在時刻を取得してフォームのs...
-
特定<table>内の<td>の色を変える
-
hiddenのvalueの値を変えたい
-
ラジオボタンにタブインデック...
-
javascriptで入力禁止文字をチ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報