前提・実現したいこと

~~jsで三日前になるとhtmlタグを非表示にする処理を実現したいです。~~

発生している問題・エラーメッセージ

If文の条件の書き方が分からないです。

該当のソースコード

html
1<p id="ptext">三日前に消えます<p>

js
1window.onload = function(){
2// ページ読み込み時に実行したい処理
3  let Date = new Date();
4  if (どのように書けばいいか分からない){
5  document.getElementById("pext").style.display="block";
6  } else {
7  document.getElementById("ptext").style.display="none";
8  }
9}

補足情報（FW/ツールのバージョンなど）

javascript

追記

このpタグはサンプルで、具体的な実装はとしては練習でイベント掲載掲示板アプリを今作っていて、キャンセルボタンを開催当日の三日前から非表示にさせたいです。
誤解を招く、質問の仕方をしてしまい申し訳ございませんでした。

m.ts10806

2019/02/27 02:25

Dateをとっていても使っていなかったりnumという変数が何か不明だったり、作りかけのようですが、それぞれどのような意図があって入れているものでしょうか。

Takumiboo

2019/02/27 02:29

今日の日付を基準に3日前って、つまり常に非表示…？具体的にどういったことを実現したいのかを書かれたほうが良いです。

rails_ruby

2019/02/27 02:32

すいませんでした。if文の中のコードは特に関係ないです。誤解を招いてしまい申し訳ございませんでした。 Dateを取ってくるところまでは出来ているのですが、その先が分からないです...

m.ts10806

2019/02/27 02:35

「今日が何かの日の3日前」という意味ではないんですか？例えばイベントとか記念日とか。その日と今日を比べて何日間の差があるか、で見ることになるのではないでしょうか。ともかく、具体例をあげて図示してもらったほうが良いです。

azuapricot

2019/02/27 02:43

「今日の日付を基準に3日前」 → 2月4日のときは2月1日から非表示 → 2月5日のときは2月2日から非表示 → 2月6日のときは2月3日から非表示今日の日付を指定しているのに今日の3日前って意味わからんですよね。

azuapricot

2019/02/27 02:45

処理というか仕様をもう一度考え直すべきなのでは？うーん。何がしたいのかよくわかりません

papinianus

2019/02/27 02:53

過去質問を拝見すると、予約・カレンダーのキーワードがあるので、htmlになって表示されるレコードは例えばカレンダーの予定のようにそれ自身に日付情報を持つもの。ただし、宿の予約のように直前になると、(オンラインでは)予約できなくなるようなものとしたい。という意図で解釈してます。そもそものデータの表示部分か、DBからのデータの取得部分かが分からないと回答できないです。

m.ts10806

2019/02/27 04:19

質問者さんどのように解決されたか回答にコメントを書かれた方が良いかと。今のコメントだと本当に解決したのか、理解したのか　が分かりません。 https://teratail.com/help/question-tips#questionTips4-2

rails_ruby

2019/03/01 09:37

@mts10806さん返信遅くなり申し訳ございません。私の説明不足により、質問の意図が曖昧になってしまい申し訳ございませんでした。本質問の意図としては、イベント掲示板の掲載されている開催日程が3日前になった時にキャンセルボタンを非表示にしたく質問をさせて頂きました。そして解決した方法としては、@yambejpさんにご教示いただいた方法で解決する事ができました。ご迷惑をおかけして申し訳御座いませんでした。

行動規範の内容に同意します

回答2件

ベストアンサー

なんの3日前かを指定する必要があるでしょう

sample

javascript
1<script>
2window.addEventListener('DOMContentLoaded', function(e){
3  var d1=new Date('2019-03-01');
4  var d2=new Date();
5  d2.setHours(0);
6  d2.setMinutes(0);
7  d2.setSeconds(0);
8  var diff=parseInt((d1-d2)/60/60/24/1000);
9  document.querySelector('#ptext').style.display=diff<3?"none":"";
10});
11</script>
12test
13<p id="ptext">三日前に消えます<p>
14test

今日が19/2/27なら上記は消えます。
その上でd1の日付を3/2にすれば表示されます。

投稿2019/02/27 02:22

編集2019/02/27 02:37

yambejp

総合スコア114833

rails_ruby

2019/02/27 02:26

今日の日付を基準に3日前からhtmlタグを非表示にしたいのですが、条件分岐をどのように書けばいいか分からないです。 if (Date == ?)

yambejp

2019/02/27 02:38

その考え方は「明日になったら本気出す」理論ですね明日になった時点でまた「明日になったら」となるので永遠に実行されないというパターンです。なにか期日を指定してそことの差をとる必要があります

rails_ruby

2019/02/27 03:11

ご教示いただきありがとうございました。ご質問にも追記させていただいたのですが、イベント掲載掲示板アプリを練習で今作っていましてイベントの掲載日程から三日前になったらキャンセルボタンを非表示にしたいと考え、ご質問をさせた頂いたのですが誤解を招くようなご質問の仕方でご迷惑をおかけして申し訳ございませんでした。

行動規範の内容に同意します