日付の取得について

[新着] Webテンプレートを仮オープンしました



0   名前: すもも : 2005/07/15 11:36

JavaScriptで日付の取得をしようと考えています。
具体的には、下記のように実現したいです。

---------------------------------------------------
任意の日付を入力後、ボタンを押すと1年後の日付が表示される。

例)
1.登録日: ←テキストボックスで、任意の日付を入力(例 2005/7/8)
2.ボタンを押下
3.会員期限: ←1年後(?)の日付が表示(例 2006/7/7)

ボタンを押して表示される日付は、正確には1年後ではなくて、
1年後の1日前です。

2005/07/01 を入力した場合は、2006/06/30 が表示されてほしいのです。


初歩的なことかもしれませんが、どなたかご教授ください。
よろしくお願いします。



1   名前: RippleGreen : 2005/07/15 11:36
このような方法は如何でしょうか。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-script-type" content="text/javascript">
<title>sample</title>
</head>
<body>
<script type="text/javascript"><!--
function calcDate() {
var dt = document.f.setDate.value;
var getD = new Date(dt);
var tmpD = new Date((getD.getFullYear()+1) +"/"+ (getD.getMonth()+1) +"/"+ getD.getDate());
var calD = new Date(tmpD.getTime() - (1000 * 60 * 60 * 24));
document.f.result.value = calD.getFullYear() +"/"+ (calD.getMonth()+1) +"/"+ calD.getDate();
return false;
}
//--></script>
<form name="f">
<p>上段の入力欄に日付を入力、実行ボタン押下で下段に結果を表示します。</p>
<input type="text" name="setDate" onChange=""><input type="button" value="実行" onClick="calcDate();"><br>
<input type="text" name="result" onChange="">
</form>
</body>
</html>
--------------------------------------------------
※日付の適正チェックはしていません。
--------------------------------------------------
動作確認
OS:WindowsXP professional sp2
Browser:IE 6.0 SP2、Netscape7.2、Firefox 1.0.4

2   名前: すもも : 2005/07/15 11:36
RippleGreen様

すももです。回答いただきありがとうございました。
思っていた通りの動作で、本当に助かりました。
ありがとうございます!

また何かございましたら、アドバイス等いただけるとうれしいです。


一覧へ戻る