人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Javascriptで質問です。

プルダウンで、
年、月、日を選んでもらうフォームを作っているのですが、そこでJavascriptを利用して今日の日付より一週間後のみをプルダウンに登場させたいのです。

何かいい方法はないでしょうか?

ちょっと急いでいますので、2名くらいの回答で100ポイントくらいで締め切りたいと思います。


●質問者: zachouR
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript ポイント
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● きゃづみぃ
●23ポイント
<html>
<head>
<title>プルダウンメニュー(クリックタイプ)</title>
<script Language="JavaScript"><!--
vType = ["hidden","visible"];
function pdMenu(mName)
{
Menu = document.all[mName].style;
Menu.visibility = vType[Menu.visibility.indexOf("hidden") + 1];
myD = new Date();
myYear = myD.getYear();
myYear4 = (myYear < 2000) ? myYear+1900 : myYear;
myMonth = myD.getMonth() + 1;
myDate = myD.getDate();

myText1.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";
myDate = myD.getDate()+1;
myText2.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";
myDate = myD.getDate()+2;
myText3.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";
myDate = myD.getDate()+3;
myText4.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";
myDate = myD.getDate()+4;
myText5.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";
myDate = myD.getDate()+5;
myText6.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";
myDate = myD.getDate()+6;
myText7.innerHTML = myYear4 + "年" + myMonth + "月" + myDate + "日";

}
// --></script>
</head>
<body>
<FORM name="myform">
<a href="javaScript:pdMenu('Menu1')"><日付></a><br>
<div id="Menu1" style="visibility:hidden">
<DIV id="myText1"></DIV>
<DIV id="myText2"></DIV>
<DIV id="myText3"></DIV>
<DIV id="myText4"></DIV>
<DIV id="myText5"></DIV>
<DIV id="myText6"></DIV>
<DIV id="myText7"></DIV>
</div>
</body>
</html>

プルダウンで 一週間分 表示させました。

年、月、日は、それぞれ別々に してありますので、

それを用いたらいかがでしょうか?


http://www.red.oit-net.jp/tatsuya/java/getdate.htm

◎質問者からの返答

ありがとうございます、参考にさせて頂きます。


2 ● GEN111
●23ポイント

JavaScript だとこんな感じですかね。

質問の意図を正しく理解してなかったらすみません。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
 <style type="text/css">
 </style>

 <script type="text/javascript">
 onload = function() {
 var d = new Date() ;
 d.setTime((new Date).getTime() + 60 * 60 * 24 * 1000 * 7) ;

 newOption = document.createElement('option') ;
 newOption.value = newOption.innerHTML = d.getFullYear() ;
 document.getElementById('year').appendChild(newOption) ;

 newOption = document.createElement('option') ;
 newOption.value = newOption.innerHTML = d.getMonth() ;
 document.getElementById('month').appendChild(newOption) ;

 newOption = document.createElement('option') ;
 newOption.value = newOption.innerHTML = d.getDate() ;
 document.getElementById('date').appendChild(newOption) ;
 }
 </script>
 </head>

 <body>
 <form>
 <select name="year" id="year"></select>
 <select name="month" id="month"></select>
 <select name="date" id="date"></select>
 </form>
 </body>
</html>

Dateオブジェクト / JavaScriptリファレンス

◎質問者からの返答

ありがとうございますー!


3 ● cooper0524
●22ポイント

http://q.hatena.ne.jp/answer

URLはダミーです。

1週間後のみをプルダウンに出すということは、今日でいうと8/24のみ出ていれば良いのでしょうか?

<script language="JavaScript"></p> <p><!--</p> <p>var dYear;</p> <p>var dMonth;</p> <p>var dDay;</p> <p>var pulldownDate;</p> <p>dToday = new Date();</p> <p>dYear = dToday.getFullYear();</p> <p>dMonth = dToday.getMonth() + 1;</p> <p>dDay = dToday.getDate() + 7;</p> <p>pulldownDate = dYear + "/" + dMonth + "/" + dDay;</p> <p>//--></p> <p></script>

<body>

<select name="date">

<script language="JavaScript"></p> <p><!--</p> <p>document.write("<option value=\"" + pulldownDate + "\">" + pulldownDate + "</option>");</p> <p>//--></p> <p></script>

</select>

◎質問者からの返答

質問がたらずにすいません、一週間後から表示という意味でした。


4 ● GEN111
●22ポイント

PHP だとこんな感じでしょうか。

<html>
 <head>
 </head>

 <body>
 <form>
<?php
echo strftime(
 '<select name="year"><option value=%Y>%Y</option></select>'.
 '<select name="month"><option value="%m">%m</option></select>'.
 '<select name="date"><option value="%d">%d</option></select>',
 time() + 3600 * 24 * 7) ;
?>
 </form>
 <pre>
 </pre>
 </bdoy>
</html>

PHP: strftime - Manual

◎質問者からの返答

ありがとうございます!

参考にさせて頂きます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ