アプリ版：「スタンプのみでお礼する」機能のリリースについて

JavaScriptで、現在日時から100日後の日時を表示させるには？

解決済

  • 質問者：hotjupiter
  • 質問日時：
  • 回答数：7件

JavaScriptで、現在日時から100日後の日時を表示させるには？

JavaScriptで、現在日時から100日後の日時を求め、表示させたいと思っています。
「現在日時を取得する方法」と、「それを表示形式へ変換する方法」は、わかっています。
しかし、「100日後の日時」を表示させる方法が分かりません。
もちろん、年・月・日をまたぐ場合にもちゃんと対応できることが前提です。
極力、単純な方法が理想です。
以下、コードです。ご教授よろしくお願いします。

function func()
{
var day = new Date();
var datestr = day.toLocaleString();
alert(datestr);
}

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (7件)

No.2ベストアンサー

  • 回答者： fujillin
  • 回答日時：

まったく同じ方法ですが…



＞極力、単純な方法が理想です。
とのことなので、日にちを足すのが簡単では？

var day = new Date();
day.setDate(day.getDate() + 100);
alert(day.toLocaleString());

この回答への補足

setDate関数の範囲は1～31までかと………

補足日時：2010/06/22 23:38
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。
ご教授いただいた方法で実現できました。
手元の本に「getDate、setDateの範囲は1～31」と明記してあったため、それを真に受けてそれ以外の範囲の数値は設定できないものだと勝手に思い込んでおりました。
実施してみたところ、うまくいきました。本当に失礼しました。

通報する
お礼日時：2010/06/23 21:09

No.7

  • 回答者： steel_gray
  • 回答日時：

＞表示させる方法が分かりません。


どこに表示したいのだろう？　alertではないって事だよね？？

幾つかみつくろって。
<head>
<style type="text/css">
p{border:solid thin red;}
</style>
<script type="text/javascript">
function sample() {
var str = new Date().toLocaleString();//100日後に関しては他の方の回答で。

//特定ノードにテキストノードを作って追加する
document.getElementById('ABC').appendChild(
document.createTextNode(str)
);

//特定ノード配下の最初のテキストノードを書き換える
document.getElementById('DEF').firstChild.nodeValue =str;

//input textの値を書き換える
document.getElementById('GHI').value =str;
}
</script>
</head>
<body>

<p id="ABC"></p>
<p id="DEF">aaa</p>
<p><input type="text" id="GHI" value="bbb" /></p>

<p><input type="button" value="実行" onclick="sample()"></p>
</body>
    • good
    • 0
    • 件
通報する
この回答へのお礼

表示する方法までご教授いただきありがとうございました。

通報する
お礼日時：2010/06/23 21:11

No.6

  • 回答者： taloo
  • 回答日時：

誤字修正です。



var day=new Date();
//100日 x 24時間 x 60分 x 60秒 x 1000ミリ秒
day.setTime(day.getTime() + (100 * 24 * 60 * 60 * 1000));


空気読めてなくて申し訳ないです。
もっと複雑な物を作るべきでした。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
この方法でもうまくいきました。

通報する
お礼日時：2010/06/23 21:10

No.5

  • 回答者： taloo
  • 回答日時：

var day=new Date();


//100日 x 24時間 x 60分 x 60秒 x 1000ミリ秒
day.setTime(d.getTime() + (100 * 24 * 60 * 60 * 1000));
    • good
    • 1
    • 件
通報する

No.4

  • 回答者： Chaire
  • 回答日時：

getYear() メソッドが 2000 年問題を持っていたことにより、getFullYear() メソッドが導入されたのは JavaScript 1.3（NN 4.06）、JScript 3.0（IE 4.0）、そして ECMAScript（2000 年の第 3 版で getYear() を削除し歴史的補遺としてのみ残した）です。

現時点で getFullYear() に対応していないスクリプトエンジンはないので、これからの制作者は getYear() を使わないで下さい。

※有名なサイトが未だにこれを記述しているため、真似をしてしまう人が後を絶たないのですが、少なくとも、2000 年以降に書かれた JavaScript 関連文書で、escape、unescape、Date.prototype.getYear、Date.prototype.setYear、Date.prototype.toGMTString、String.prototype.substr あたりを無批判に用いているものは、不用意と言わざるをえません。もう 2010 年も半ばですよ。

また、月末日を得るには翌月の 0 日をセットするだけです。new Date(2010, 2, 0).getDate() は 2010 年 2 月の最終日、28 を返します。閏年の心配も要りません。この挙動は ECMAScript 規定（15.9 節）で保証されています。

同じ理由で、今（var now = new Date;）から 100 日後を得るには、
now.setDate(now.getDate() + 100);
今から 100 日前を得るには
now.setDate(now.getDate() - 100);
今から 300 時間後を得るには
now.setHours(now.getHours() + 300);
簡単でしょ？

※厳密には、Date の内部は 1970-01-01T00:00:00.000 からのミリ秒（時間値）で管理されています。set*** メソッドに与えられた引数は適切にミリ秒に変換されて、時間値と合わされます。get*** が呼ばれたとき、時間値は適切な値に変換されます。

参考URL：http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma26 …
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。
本質問は、そもそも、本に乗っていたgetDate、setDateの説明を私が勘違いして受け取ったために、できないものと勝手に解釈して質問を立てたものでした。
Chaireさんのご回答が、勘違いに気付くきっかけとなりました。本当にありがとうございました。

getYearが推奨されてないことは知りませんでした。確かに手元の本にもそう書いてありますね…
お教えいただきありがとうございました。

通報する
お礼日時：2010/06/23 21:10

No.3

  • 回答者： zeff#1
  • 回答日時：

いちおう頑張って作ってみたんですが、いかがでしょうか。


何日後でも年をまたいでもOKだと思うのですが。
長かったり不手際があったらごめんなさい。

<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>title</title>
<script type="text/javascript">
<!--
function func(){
//現在年月日時刻
var date = new Date();
var yy = date.getYear(); if ( yy < 2000 ){ yy += 1900; }
var mm = date.getMonth() + 1;
var dd = date.getDate();
var h = date.getHours(); if( h < 10 ){ h = '0' + h; }
var m = date.getMinutes(); if( m < 10 ){ m = '0' + m; }
var s = date.getSeconds(); if( s < 10 ){ s = '0' + s; }

var cnt = 0,x = 100;
//今月
for( var i = dd; i <= getDaysInMonth( yy, mm ); i++ ){
if( cnt == x ){
showMsg( x, yy, mm, dd, h, m, s );
break;
}else{
dd++;cnt++;
}
}
//次月以降
mm++;
dd = 1;
while( cnt < x ){
dd++; cnt++;
if( dd > getDaysInMonth( yy, mm ) ){ mm++; dd = 1; }
if( mm > 12 ){ yy++; mm = 1; }
}
showMsg( x, yy, mm, dd, h, m, s );
}

//月の日数を返す関数
function getDaysInMonth(iYear, iMonth) {
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

if ( ((iYear % 4 == 0) && (iYear % 100 != 0)) || (iYear % 400 == 0) ) {
daysInMonth[1] = 29;
}
return daysInMonth[iMonth - 1];
}
//x日後をalertする関数
function showMsg(x, yy, mm, dd, h, m, s ){
if( mm < 10) mm = '0' + mm;
if( dd < 10) dd = '0' + dd;
alert( x + '日後は' + yy + '/' + mm + '/' + dd + '/' + h + ':' + m + ':' + s );
}
window.onload = function(){
func();
}
//-->
</script>
</head>
<body>
</body>
</html>

この回答への補足

あ…ありがとうございます。
一応、うまく動作することが確認できました。
さぞかし大変だったのでは…？

ただ、極力簡単な方法を求めていたので、これではちょっとあまりにもソースコードが長すぎかと…。
逆に、こんなに大変なコードを書かないと実現できないことなんでしょうか？
JavaScriptについては最近勉強し始めたばかりですが、こんな基本的なことが2～3行のコードで実現できないとは………こんなにも不便な言語なのですか…？

クッキーの有効期限を設定したりとか、利用価値が多そうなのに…。
そういう場合、みなさんどうやっているのでしょう？

すみません、せっかくの労作に愚痴をこぼしてしまって…

補足日時：2010/06/22 23:37
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

労作、ありがとうございました。
簡単な方法で実装することができました。

通報する
お礼日時：2010/06/23 21:09

No.1

  • 回答者： yyr446
  • 回答日時：

100日後は


100×24×3600×1000＝8640000000ミリ秒
です。(オーバーフローしないかなあ．．．)
day.getMilliseconds() に8640000000を加算した値をsetすればいいんじゃない。

var day = new Date();
var datestr = day.toLocaleString();
var post_day= new Date();
post_day.setMilliseconds(day.getMilliseconds());
var post_datestr = post_day.toLocaleString();
alert(datestr);
alert(post_datestr);

この回答への補足

getMilliseconds、setMillisecondsの範囲は0～999です。
なのでこの方法では実現できません……

補足日時：2010/06/22 20:10
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

この方法でもうまくいきました。
勝手にできないと思い込んでました。失礼しました…

通報する
お礼日時：2010/06/23 21:08

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報