Javascriptで質問です。


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

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

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

回答の条件
  • URL必須
  • 1人20回まで
  • 登録:2007/08/17 16:38:06
  • 終了:2007/08/24 16:40:03

回答(4件)

id:taknt No.1

きゃづみぃ回答回数13538ベストアンサー獲得回数11982007/08/17 16:56:59

ポイント23pt
<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

id:zachouR

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

2007/08/17 17:41:55
id:GEN111 No.2

GEN111回答回数472ベストアンサー獲得回数582007/08/17 17:10:43

ポイント23pt

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リファレンス

id:zachouR

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

2007/08/17 17:42:02
id:cooper0524 No.3

cooper0524回答回数296ベストアンサー獲得回数42007/08/17 17:20:20

ポイント22pt

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>

id:zachouR

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

2007/08/17 17:42:30
id:GEN111 No.4

GEN111回答回数472ベストアンサー獲得回数582007/08/17 17:24:26

ポイント22pt

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

id:zachouR

ありがとうございます!

参考にさせて頂きます。

2007/08/17 17:42:42

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません