宿泊予約フォーム等でよく見かける日付選択のポップアップですが、
大抵今日の日付になっています。
ページを開いたときに日付を取得し、ポップアップに反映させるにはどうすればよいのでしょうか。
そういったページのソースを見て多少いじってみたのですが、どうもよくわかりません。。
カレンダーのある日付をクリックすると、日付フォームにそのまま反映される等できればなお良いのですが、とりあえず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; } // 1桁の月を2桁に 5 → 05
if (dd < 10) { dd = "0" + dd; } // 1桁の日を2桁に 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に渡って来た
引数と上のヒントを元に考えればわかるかと・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) アクセス where句を使用して複数条件抽出をするには 2 2022/08/29 13:24
- Chrome(クローム) Google Chrome Portable 2 2023/03/08 08:34
- Access(アクセス) Access DTPickerの初期表示月を変えたい 1 2022/08/02 08:55
- Access(アクセス) Accessフォーム 一部のレコードだけを抽出する方法について 1 2022/06/28 18:45
- Excel(エクセル) Excel 入力した内容を保持したい 1 2023/06/23 12:27
- Visual Basic(VBA) excel2016でリストからカレンダーに内容を反映させたいです 2 2022/10/27 15:32
- その他(パソコン・スマホ・電化製品) Googleカレンダーで不要データを一括削除したい 1 2023/08/02 12:42
- 迷惑メール・スパム gmailの過去のメールを一括削除する方法について 3 2023/04/19 05:27
- 国産車 16年前に新車で買った、カーナビ付きの車に乗っています。2ヶ月位前からカーナビの時刻表示の点灯の表示 6 2022/03/26 14:54
- Visual Basic(VBA) 過去日付、年の切り替え 6 2022/05/26 12:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストボックスに入力された...
-
hiddenのvalueの値を変えたい
-
クイズ作成:15個の問題から5個...
-
eval()を使わずに数値を取得し...
-
商品コードを入れたら自動で商...
-
フォームに入力された数値を計...
-
ラジオボタンの選択で解答・点...
-
value内に変数を入れたい
-
name属性が同じフォームが複数...
-
ラジオボタンを押して計算結果...
-
sessionStorageを調べています。
-
HTML、Javascriptでトグルボタ...
-
Java Script の "this"
-
javascriptでhiddenに二次元配...
-
VB.NET DateTimeの型について
-
onchangeイベントを強制的に発...
-
プルダウン選択を変更すると、...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
引数に数値、文字列の混在
-
複数のsubmitボタンで押された...
-
VB.NET DateTimeの型について
-
3桁区切りのカンマをつけたい...
-
javascriptでhiddenに二次元配...
-
フォームで入力した値を別のフ...
-
setIntervalの間隔を途中で変更...
-
jsで、配列内の文章を改行する...
-
Pythonで会員サイトの自動ログ...
-
selectboxのoptionタグのvalue...
-
テキストボックスに入力された...
-
フォーカスすると初期値が消去...
-
ラジオボタンと連動して文字列...
-
セレクトボックスの初期選択状...
-
sessionStorageを調べています。
-
VBAをJavaScriptに変換したいです
-
ダミーフォームの内容を送信用...
-
javascriptで複数の計算を同時...
おすすめ情報