0

私は次のような HTML 構造を扱っています。

<div class="post-info">
    <span class="date published time" title="2013-10-01T13:49:12+00:00">October 1st, 2013</span>
    <p>Info about person.</p>
    <p>Special notice that only displays if the date is September 27th, 2013 or later.</p>
</div>

スパンのタイトルを変数に入れ、substr()「YYYY-MM-DD」のような部分を抽出していました。

しかし、テキスト文字列として変数に含まれていませんか? このテキスト文字列を日付オブジェクトに変換し、それを 2013-09-27 と比較して、スパン タイトルの日付が 27 日以降の場合にのみコード ブロックを実行するにはどうすればよいでしょうか?

4

2 に答える 2

0

上記の日付以降に表示する情報に hidden のクラスを追加し、css を追加して非表示にします

<p class="hidden">Special notice that only displays if the date is September 27th, 2013 or later.</p>

<style>        
.hidden{
    display:none;
}
</style>

要素のタイトルを取得し、日付に解析します。

var date = new Date($(".date.published.time").prop("title"));

次に、日付を 9 月 27 日と比較します。

var compare = new Date("2013", "8", "27");

日付が 27 日より大きい場合は、非表示のクラスを情報から削除します

if (compare < date){
    $(".hidden").removeClass("hidden");
}

これがそのためのフィドルです。

于 2013-10-03T16:36:19.453 に答える