• ベストアンサー

プルダウンメニューから特定曜日の日付を選択する方法は？

プルダウンメニューで特定の曜日の日付を選択するにはどのようにしたら良いのでしょうか？ たとえば、火曜日と金曜日など。 日付は常にその日以降になるようにしたいです。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#137826
noname#137826
回答No.1

こんな感じでしょうか？ --- <html> <head> <script type="text/javascript"> window.onload = function() { var inputs = document.getElementById('f0').getElementsByTagName('input'); for (var i = 0; i < 7; i++) { inputs[i].onclick = function () { var s0 = document.getElementById('s0'); var checkedDays = new Array(); for (var j = 0; j < 7; j++) { checkedDays[(j - new Date().getDay() + 7) % 7] = inputs[j].checked; } while (s0.getElementsByTagName('option')[0]) { s0.removeChild(s0.getElementsByTagName('option')[0]); } for (j = 0; j <= 30; j++) { // 30日後まで if (checkedDays[j % 7]) { var option = document.createElement('option'); option.value = j; option.innerHTML = (new Date(new Date().getTime() + 1000 * 60 * 60 * 24 * j)).toLocaleDateString(); s0.appendChild(option); } } } } } </script> </head> <body> <form id="f0"> <input type="checkbox" value="0">日</input> <input type="checkbox" value="1">月</input> <input type="checkbox" value="2">火</input> <input type="checkbox" value="3">水</input> <input type="checkbox" value="4">木</input> <input type="checkbox" value="5">金</input> <input type="checkbox" value="6">土</input> <label for="s0">日付</label> <select id="s0"></select> </form> </body> </html>

hidechan2004
質問者

お礼

回答ありがとうございました。 助かりました。

その他の回答 (1)

noname#84373
noname#84373
回答No.2

<html> <select id="day" size="10" multiple> <script> Number.prototype.zero = function(n){ return ('0000000000'+ this).slice(-n); } Date.prototype.hizuke_JP = function(){ return this.getFullYear().zero(4)+'年'+(this.getMonth()+1).zero(2)+'月'+this.getDate().zero(2)+'日 ('+'日月火水木金土'.split('')[this.getDay()]+')'; } var day = new Date; var lmt = 20; var sel; var opt; for(i=0;i<lmt;i++){ opt = (new Date(day.getTime()+86400000*i)).hizuke_JP(); sel = (opt.match(/火/) ||opt.match(/金/) )?' selected':''; document.write('<option value="'+i+'"'+sel+'>'+opt+'</option>'); } </script> </select> </body> </html>

hidechan2004
質問者

お礼

回答ありがとうございました。 参考にさせていただきます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • プルダウンで日付と曜日を取得する

    開発環境 Visual Web Developer 2008 Express Edition(言語はVB.NET) 「年」「月」「日」のプルダウンと「曜日」を表示するラベルが配置された画面を作ろうとしています。 年と月のプルダウンに関しては、2000～2020年・1～12月までをhtmlで追加してやれば良いのですが、 たとえば、 2000年の1月を選択したらポストバックして2000年1月に存在する日を「日」のプルダウンに表示させ、さらに、日付のプルダウンで28日と選択したらそれに対応する曜日をラベルに表示させる、 といった場合にはどのようなコードを書けば可能でしょうか？ 宜しくお願い致します。

  • エクセルで特定の曜日の日付のみをオートフィルで表示させられますか？

    エクセルで特定の曜日の日付のみをオートフィルで表示させられますか？ またはほかの方法でもできるならば教えて下さい。 現在、会社の外注さんのチェック表を作っているのですが 毎週、火曜日と金曜日だけ来て、納品書を渡してくれるのですが その訂正や訂正した箇所等をまとめておきたいのです。 そこで、その日付が必要なのですが 火曜日から金曜日は＋３日 金曜日から火曜日は＋４日で 等間隔の日付にならないので、やり方に困っています。 当方初心者で、現在オフィスではエクセル2003を使用しています。 宜しくお願い致します。

  • プルダウンメニュー項目のフォント色の変更

    JavaScriptで取得した10日後までの日付と曜日をプルダウンメニューの項目に設定し、任意の日付をユーザーに選択し てもらうようにしたのですが、プルダウンメニューの項目の一部（日曜・祝日など）のフォント色を変えることは可能でしょ うか？（あるいは、逆に背景に色を付けるなど） もし、そのような方法がありましたらご教示ください。 よろしくお願いします。

  • エクセル　日付と曜日で自動表示

    初心者です。 下らない内容かも知れませんが 宜しく御願い致します。 セルA1に手動で日付を入力 セルB1に曜日を自動表示させています。 セルA2に日付に合わせて 日付毎の1～31の項目をプルダウンから 曜日に合わせて曜日毎の1～7の項目の内 2種類をセルA3とセルA4にプルダウンから 選択しています。 10月1日で説明すると、セルA2は1日なので プルダウンから1番を選択 セルA3は月曜なので、プルダウンから 1番を選択 セルA4は月曜～木曜は6番 金曜はセルA3が6番でセルA4が7番 土曜はセルA3が5番でセルA4が6番に なります。 このプルダウン選択を日付入力すると 自動切替させたく色々調べてみましたが 混乱しています。 どの様にすれば出来るか、御教示の程 宜しく御願い致します。

  • 当日の日付をプルダウンメニューに反映させたい

    HTMLフォームにプルダウンメニューで日付を入力するようにしたい。月と日、通常なら1～12月と1～31日のプルダウンを作れば良いが初期値が1月1日になってしまいます。出来れば当日の日付を初期値にできるようにできないでしょうか？例えば本日なら4月25日が初期値になっている感じです。お願いします。

    • ベストアンサー
    • HTML
  • エクセルで、曜日から日付を呼び出す関数について

    こんにちは。 現在、カレンダーを作成しており、困っていることがあります。 添付しております画像のように曜日を固定で入れておりますがこの状態から、日付を呼び出すことは可能でしょうか？ 例 1月1日＝金曜日の場合 カレンダー内の金曜日部分に「1日」と表示、且つ、それ以前の曜日（日～木）は空白表示。以降2日、3日と・・・ 又、月末30日及びそれ以下で終わる場合は空白。 以上、条件が多いのですが満たせる数式は存在しますでしょうか？ ネットでいろいろと調べてはみたものの、日付から曜日を表示する方法しか見つかりません。 どうか、ご教授いただけますようお願い申し上げます。

  • 曜日派？日付派？？

    ずばり、皆さんは、予定など言われる時、曜日がいいですか？日付がいいですか？ 「○日にのランチ行かない？」 と聞かれた方がいいのか 「▲曜日、ランチ行かない？」 と聞かれたほうがいいのか。 私の予想では、主婦さんは曜日かと、独身、サラリーマン、OLさんは日付派かと思うのですが。 以前に、大変重要な日時決定時(電話でのこと）、先方から「月曜日の1日でいかがですか？」と言われたので、私は月曜日ならば！とOKしたら、その夜、主人に「1日は火曜日だ」と指摘され、もう大変だったんです。どうやら先方が見ていたカレンダー、間違っていたらしく、私は、カレンダーが手元になかったので、言われるがままの返事。 先方は、「1日」を強調したかったようです。 でも、私は曜日派だから「月曜日」が最初に言われたので、そちらに反応。こんなことがあったんですよ。 それ以来、ちょっと相手に日時を言う際、気をつけているのですが、今後、このアンケートを元に、曜日の人が多ければ、曜日を強調した言い方だし、日付派の人が多ければ、日付を強調した表現に変えようと思っています。 勿論、どちらも言います！(笑) ご協力お願いいたします。

  • Excelでプルダウンと連動して日付表示を変える方法。

    Excelでプルダウンと連動して日付表示を変える方法。 Excelについてご教授お願いいたします。 現在Excelの勉強中で、勤務表などを作成したいと考えています。 プルダウンから2010年01月など日付を選ぶだけで、その選択したリストに連動して、下の部分にその月ごとの日付や曜日が表示されるようにするにはどのように設定すればよろしいのでしょうか？ プルダウンリストの月ごとに29日、30日、31日と表示を変化させるためには、別sheetを参照するプルダウンリストの作成などで作成できるものなのか、それともVBAを新たに勉強する必要がありますでしょうか？ 方法を教えていただければ幸いです。

  • プルダウンメニューで複数選択

    省スペースのため、プルダウンメニューを使いたいのですが、基本的に一つしか選択できませんよね？メニュー内にラジオボタンをつけるなどして複数選択に対応させる方法はありませんでしょうか？

    • ベストアンサー
    • HTML
  • 今日の日付が第ｎ曜日かを求める

    今日の日付や、曜日を求めることはできるのですが その日が第何曜日なのか求める式が分かりません。（第２火曜日とか） もし分かる方いましたら教えていただけないでしょうか。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する