If I can only use javascript, how can I filter list by date?
<p>I have this list structure:</p>

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

<p>I need  js that will hide all list tags which contain a date outside of a certain range. The date range is given by user and both start and end dates are given in same way as dates in the list (dd.mm.yyyy).</p>

<pre><code>&lt;input id="Date1" name="Date1"&gt; 
&lt;input id="Date2" name="Date2"&gt; 
</code></pre>

<p>I have this date comparison code: </p>

<pre><code>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 &lt;= dd2 &amp;&amp; dd0 &gt;= dd1)) {
            return true;
    }
    return false;
</code></pre>

<p>And one more thing... The number of list elements varies from page to page so I also need to get some idea about the list size, but that I assume is easy to do with "length".</p>

<p>Any ideas how can I achieve this?</p>
