0

私はこのリスト構造を持っています:

<ul class="pol list">                       
<li>
    <div class="tekst">
        <h2><span class="name"></span></h2>
        <p class="description"></p>                 
        <div class="commentsBar1">
            <div class="commentsBarL1">
                    <h5>
                    <strong class="category">
                    <span style="display:none;"></span>
                    <span class="d">27.12.2011</span>
                    </strong>    
                </h5>
                <h5><strong></strong></h5>
            </div>
        </div>
    </div>
</li>
<li>
    <div class="tekst">
        <h2><span class="name"></span></h2>
        <p class="description"></p>                 
        <div class="commentsBar1">
            <div class="commentsBarL1">
                <h5>
                    <strong class="category">
                    <span style="display:none;"></span>
                    <span class="d">03.03.2012</span>
                    </strong>    
                </h5>
                <h5><strong></strong></h5>
            </div>
        </div>
    </div>
</li>
</ul>

特定の範囲外の日付を含むすべてのリスト タグを非表示にする js が必要です。日付範囲はユーザーによって指定され、開始日と終了日の両方がリスト (dd.mm.yyyy) の日付と同じ方法で指定されます。

<input id="Date1" name="Date1"> 
<input id="Date2" name="Date2">

私はこの日付比較コードを持っています:

var dControl = document.getElementsByClassName("d");
var d1Control = document.getElementById("Date1");
var d2Control = document.getElementById("Date2");

var arrD = dControl.value.split(".");
var dd0 = new Date(arrStartDate[2], arrStartDate[1], arrStartDate[0]);
var arrD1 = d1Control.value.split(".");
var dd1 = new Date(arrStartDate[2], arrStartDate[1], arrStartDate[0]);
var arrD2 = d2Control.value.split(".");
var dd2 = new Date(arrStartDate[2], arrStartDate[1], arrStartDate[0]);

    if((dd0 <= dd2 && dd0 >= dd1)) {
            return true;
    }
    return false;

そしてもう1つ...リスト要素の数はページごとに異なるため、リストのサイズについてもある程度把握する必要がありますが、「長さ」で簡単にできると思います。

どうすればこれを達成できますか？

4

2 に答える 2

0

あなたが持っている日付に基づいてdomを構築するには、javascriptを書く必要があります。コードをきれいに保つために、口ひげやハンドルバーなどのテンプレート フレームワークを使用することをお勧めします。

于 2012-04-30T20:40:32.293 に答える
0

クラス「d」の要素を実行し、それらが日付基準を満たしているかどうかを確認し、そうでない場合は「なし」を表示するように設定します。あなたの日付より8レベル高いように見えるDOMノードツリーでliを見つける必要があります。

于 2012-04-30T21:06:42.730 に答える