• ベストアンサー

日付選択のポップアップを今日の日付にしたい

宿泊予約フォーム等でよく見かける日付選択のポップアップですが、 大抵今日の日付になっています。 ページを開いたときに日付を取得し、ポップアップに反映させるにはどうすればよいのでしょうか。 そういったページのソースを見て多少いじってみたのですが、どうもよくわかりません。。 カレンダーのある日付をクリックすると、日付フォームにそのまま反映される等できればなお良いのですが、とりあえずJavascriptでできる範囲でやりたいと思っています。 解説しているページ等あれば教えて頂けると助かります。 よろしくお願いしますm(_ _)m

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

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

ポップアップじゃなくってプルダウンじゃないですか？ とりあえずプルダウンの事だと思う事にして・・・・ 前提として、 <FORM NAME=MyForm> <SELECT name=year> 年プルダウン <SELECT name=mon>　月プルダウン <SELECT name=day>　日プルダウン としておきます。 <SCRIPT LANGUAGE='JavaScript'> <!-- da = new Date(); yy = da.getYear(); mm = da.getMonth() + 1; dd = da.getDate(); if (yy < 2000) { yy += 1900; } if (mm < 10) { mm = "0" + mm; } // １桁の月を２桁に 5 → 05 if (dd < 10) { dd = "0" + dd; } // １桁の日を２桁に 5 → 05 function Init(){ with(document.MyForm){ // 年を設定する。 for(i=0;i<year.length;i++){ if( year.options[i].value == yy ){ year.options[i].selected = true; break; } } // 月を設定する。 for(i=0;i<mon.length;i++){ if( mon.options[i].value == mm ){ mon.options[i].selected = true; break; } } // 日を設定する。 for(i=0;i<day.length;i++){ if( day.options[i].value == dd ){ day.options[i].selected = true; break; } } } } //--> </SCRIPT> </HEAD> <BODY onLoad=Init()> <FORM NAME=MyForm> <SELECT name=year> <OPTION value=2001>2001 ＜省略＞ <OPTION value=2006>2006 </SELECT> <SELECT name=mon> <OPTION value=01>01 ＜省略＞ <OPTION value=12>12 </SELECT> <SELECT name=day> <OPTION value=01>01 ＜省略＞ <OPTION value=31>31 </SELECT> </FORM> ＜略＞ という感じですね。 ＃あとは月毎の日付と"うるう年"の計算を ＃どうするかですね( ´∀`) あと、カレンダーから選択した場合の事ですが その後の処理をどうするかによって JavaScriptで足る場合とCGIを使わないと いけない場合があるので、書きませんが JavaScriptのみで日付を変えるだけでいいのなら ヒントとして、 Init()で、 yearはyyと同じものが選択される。 monはmmと同じものが選択される。 dayはddと同じものが選択される。 という事を考えれば、どのようにすればいいか 自ずからわかると思います。 さらにヒントで <A HREF="JavaScript:ChangeDate(2004,09,16);">16</A> という感じにして、ChangeDateに渡って来た 引数と上のヒントを元に考えればわかるかと・・・

rosiro
質問者

お礼

ご丁寧にありがとうございましたm(_ _)m おかげさまでできました。 カレンダー選択のところ、もうすこし頑張ってみます。。

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

関連するQ&A

  • chromeのポップアップについて

    お世話になります。 サイトを制作しており、その中でポップアップを表示させるページが 3つあります。 ポップアップが表示され、ページ内の選択肢を選択すると、 画面が消え、新たなポップアップが表示され…が3回ほどあります。 FirefoxとIE10では上記の3つのポップアップはちゃんと表示されておりますが chromeだけは、最初の2つまではポップアップが表示されますが 最後の１つだけ表示されません。 htmlやJavaScript等で、最後までポップアップを表示させる設定を することは可能でしょうか？ また、ポップアップの仕様によって表示されない事はあるのでしょうか。 ちなみに、ポップアップ自体は<a＞タグを使ったポップアップで、 JavaScriptではありません。 ご教示頂けると助かります。

  • javascriptを使用した際のIEのポップアップについて。

    javascriptを使用すると、通常IEの場合ポップアップが表示されてしまうのですが、大手のサイトなどのページでは、ソースを見るとjavascriptが記述されているのに、ポップアップが表示されないのをよく目にします。これには、何かしかけがあるのでしょうか?基本的な質問なのかもしれませんが、よろしくお願いします。

  • ポップアップページの出し方

    アクセスすると、親ページとは別に小さいページが出てくる（ポップアップ）ページがありますよね？ あれの作り方で困っています。 gifの画像ファイルのみを子ページとして出すJavaScriptは分かったのですが、 別ページを作り、「*.gif」を「*.html」に書き替えて、そのページを出そうとしてもエラーとなってしまうのです。 別のJavaScriptがあるのでしょうか？ よい方法を教えてください。よろしくお願い致します。

  • ポップアップとは

    ライブのチケットの先行予約をしようと思い説明を読んでいると、 ※WEBからのお申込みの場合、ご利用のブラウザで[ポップアップを許可する]設定になっているかご確認ください。 リンク先のページが表示されない場合があります。またフリーツールバーをご利用の場合、ポップアップブロックの設定がされていることもありますのでご確認ください。 という説明がありました。申し込みの後、ツールバーを見たら「ポップアップウィンドウをブロックする」にチェックがついていました。 ポップアップとはなんなのでしょうか？ ブロックした状態で申し込んでしまったのですが、許可してからもう一度申し込みをやり直した方がいいのでしょうか？ どなたか分かる方がいらっしゃいましたら教えてください。

  • ポップアップ広告みたいな…

    ポップアップ広告みたいな感じでトップページとともに別にウインドウが開くという感じのものを作りたいと思っています。 トップページにどんなものを埋め込めばよいでしょうか？ HTMLのタグについての知識はあるのですが JavaScriptの知識がそれほどありません。 そんな奴には無理かもしれませんがよろしくお願いします。

  • メール送信フォームつきのポップアップ広告を作りたい。

    次のようなページを作成したく質問します。 「サイト訪問者が、サイトを離れる際（前に戻るor閉じる）に、 簡単な質問を載せたポップアップ広告を立ち上げたい。」 知識もなく、勉強しはじめたのですが、ポップアップとメールフォームは詳しくないので、 どのようにページ作成したらよいかわかりません。 メールフォームは作れますので、後は・・・ １、ポップアップページの作り方 ２、サイトを離れる際に１回だけ立ち上げさせる方法。 ３、ポップアップページはCGI保管先に置いておけばいいのか？ と以上の3点になります。 １から説明するのは面倒だという方は、 ポップアップメールフォームの作成法ヒントのサイト だけでも教えてください。 m(_ _ )m

  • ポップアップ画面についてお尋ねします。

    ポップアップ画面についてお尋ねします。 javaスクリプトで function openWinT001(){window.open("Terms.htm#アート","","width=700,height=200,scrollbars=yes,resizable=1");} と書き、他のページに下記のようなラベルを作り、 <A name="アート"></A> <A href="javascript:openWinT001()">アート</A> で他のページのアートにポップアップの小窓で飛べるようにしました。 IEですとうまくいくのですが、safariやoperaではピンポイントで その部分に飛ぶことができません。 （そのページの最初の部分が指定した大きさでポップアップします。） どうしたらいいのでしょうか。 よろしくお願いいたします。

  • ポップアップメニュー

    センター寄せのホームページで、プルダウン形式のポップアップメニューを表示したいのですが、なにか解説しているホームページはないでしょうか？ 通常、ポップアップメニューを作成する場合には、左上からの絶対座標を指定する形で作成しており、センター寄せでは、できないと言い切っていました。しかし、最近センター寄せのホームページでポップアップメニューのあるものを見てしまったので、実際にはできるのだと思った次第であります。 http://www.cubesystem.co.jp/ 2階層以下のページがセンター寄せのポップアップメニューになってます。

  • ポップアップ機能のあるメールフォーム

    ポップアップ機能のあるメールフォームを探しています。 下記のページのようなものです。 入力エラーがあるとポップアップが表示されるものです。 http://www.gincli.com/index.php フリーであるとうれしいのですが・・・。 よろしくお願いいたします。

  • ポップアップへ値の引渡しについて

    現在、HTMLとJavascriptで画面、DBはOracle10gを使用しています。 JSファイル内にSelectを持たせて検索値の明細行を作成し、それに リンクを張ってポップアップ側でデータを更新(UPDATE)しようと 思っています。 明細行にリンクを張りポップアップを出するところまで出来て いるのですが、ポップアップ側へ明細行の値(1行のみ)が渡りません。 POSTで出来ると思ったのですが、私の使い方が誤っているようで どなたか、ポップアップへの値の引渡しについてご教授願えない でしょうか？ ソースを開示していないので、分かりづらいかもしれませんが 代表的な使い方を教えて下さい。 宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する