JavaScriptで一定期間だけnewアイコンを パソコン・スマホ両方に表示したいです。

Question

前提・実現したいこと

JavaScriptで一定期間だけnewアイコンを
パソコン・スマホ両方に表示したいです。

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

iPhoneでの表示が出来ません。

該当のソースコード

  <div class="collist-text">
          <div class="article">
            <p class="date">2020.6.04<span class="new" data-postdate="2020-6-04">NEW</span></p>
            <h2 class="ttl">お知らせお知らせお知らせお知らせ</h2>
          </div>
        </div>

    <script>
var periodDay = 7; // アイコンを表示する日数
var current = new Date();
var postdate = document.querySelectorAll('[data-postdate]');

for (var i = 0; i < postdate.length; i++) {
  var d = new Date(postdate[i].dataset.postdate);
  d.setDate(d.getDate() + periodDay);
  if(current < d) {
    postdate[i].classList.add('is-show');
  }
}   </script> 

<style type="text/css">
.new {
  display: none;
}
.new.is-show {
  display: inline-block;
}
</style>

試したこと

調べてみたところ、
”new Date関数で、取得した日付「2020-05-19 05:50:43」を取得。
現在の日時と比較していたが、この日付の指定ではiPhone端末でDate関数で値が変換できない。
「2020-05-19T05:50:43」の形にする必要があったため、replaceの変換を追加した。”

上記の記事を見つけましたが、設定方法がわからず設定できませんでした。

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

ここにより詳細な情報を記載してください。

Answer 1

https://www.site-convert.com/archives/2188

この方法でiphoneかどうか判定できますからiosのときだけ

String.replace(' ', 'T')

すればよいのではないかと思います。

Comments

[d-n]

Rockyさんご回答ありがとうございます。
紹介記事拝見いたしました。

JavaScriptに関して初心者の為、
具体的にどの様に記載すればいいかご教示いただくことは可能でしょうか？

無知で申し訳ございません。

[Rocky]

残念ですが、ここでは仕事の請負はしていません。
ご自身での自助努力をいただき、どうしても分からない部分がでてきたとき、またスレッドを変えて別の質問として投げてください。