title: How to set a range of dates without date time picker to hide elements
body: <p>i want to do a range of days but i don´t know how can do this.</p>
  
  <p>I get the current day with this code :</p>
  
  <pre><code>var today = new Date();
                  var dd = today.getDate();
                  var mm = today.getMonth()+1; //January is 0!
  
                  var yyyy = today.getFullYear();
                  if(dd&lt;10){
                      dd='0'+dd
                  } 
                  if(mm&lt;10){
                      mm='0'+mm
                  } 
                  var today = dd+'/'+mm+'/'+yyyy;
  </code></pre>
  
  <p>But i don't know how can do the range of date, i think, i need to create new var:</p>
  
  <pre><code>var ddd = today.getDate()-3; //discount 3 days
  </code></pre>
  
  <p>This is my elements( div's), i have a lot of, i put 3 div:</p>
  
  <pre><code>&lt;div class="container-a"&gt;
              &lt;div class="container-b"&gt;
                &lt;div class="container-c"&gt;
                    &lt;table border="1"style="width:100%"&gt;
                      &lt;tr&gt;
                        &lt;td width="220" height="100"&gt;
                          1
                        &lt;/td&gt;
                        &lt;td width="200"&gt;
                         &lt;div id="container-d"&gt;
                          &lt;span id="completed"&gt;
                            25/01/2016
                          &lt;/span&gt;
                         &lt;/div&gt;
                        &lt;/td&gt;
                        &lt;td width="300"&gt;
                          3
                        &lt;/td&gt;
                        &lt;td&gt;
                          4
                        &lt;/td&gt;
                         &lt;td&gt;
                          5
                        &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/table&gt;
                  &lt;/div&gt;
                &lt;div class="color-lateral-no-posible"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container-a"&gt;
              &lt;div class="container-b"&gt;
                &lt;div class="container-c"&gt;
                    &lt;table border="1"style="width:100%"&gt;
                      &lt;tr&gt;
                        &lt;td width="220" height="100"&gt;
                          1
                        &lt;/td&gt;
                        &lt;td width="200"&gt;
                         &lt;div id="container-d"&gt;
                          &lt;span id="completed"&gt;
                            24/01/2016
                          &lt;/span&gt;
                         &lt;/div&gt;
                        &lt;/td&gt;
                        &lt;td width="300"&gt;
                          3
                        &lt;/td&gt;
                        &lt;td&gt;
                          4
                        &lt;/td&gt;
                         &lt;td&gt;
                          5
                        &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/table&gt;
                  &lt;/div&gt;
                &lt;div class="color-lateral-no-posible"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container-a"&gt;
              &lt;div class="container-b"&gt;
                &lt;div class="container-c"&gt;
                    &lt;table border="1"style="width:100%"&gt;
                      &lt;tr&gt;
                        &lt;td width="220" height="100"&gt;
                          1
                        &lt;/td&gt;
                        &lt;td width="200"&gt;
                         &lt;div id="container-d"&gt;
                          &lt;span id="completed"&gt;
                            23/01/2016
                          &lt;/span&gt;
                         &lt;/div&gt;
                        &lt;/td&gt;
                        &lt;td width="300"&gt;
                          3
                        &lt;/td&gt;
                        &lt;td&gt;
                          4
                        &lt;/td&gt;
                         &lt;td&gt;
                          5
                        &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/table&gt;
                  &lt;/div&gt;
                &lt;div class="color-lateral-no-posible"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container-a"&gt;
              &lt;div class="container-b"&gt;
                &lt;div class="container-c"&gt;
                    &lt;table border="1"style="width:100%"&gt;
                      &lt;tr&gt;
                        &lt;td width="220" height="100"&gt;
                          1
                        &lt;/td&gt;
                        &lt;td width="200"&gt;
                         &lt;div id="container-d"&gt;
                          &lt;span id="completed"&gt;
                            13/01/2016
                          &lt;/span&gt;
                         &lt;/div&gt;
                        &lt;/td&gt;
                        &lt;td width="300"&gt;
                          3
                        &lt;/td&gt;
                        &lt;td&gt;
                          4
                        &lt;/td&gt;
                         &lt;td&gt;
                          5
                        &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/table&gt;
                  &lt;/div&gt;
                &lt;div class="color-lateral-no-posible"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>