title: How to filter HTML table by date using DATETIMEPICKER?
body: <p>Here is my table:</p>
  
  <pre><code>&lt;input id="myInput" type="text" name="myInputSearches" placeholder="Week..." style="margin-top:4px"&gt;
  &lt;label class="noResults" align="right" style="display:none; color:red"&gt;&lt;b&gt;&lt;i&gt;No Match Found&lt;/i&gt;&lt;/b&gt;&lt;/label&gt;
  
  ....
  
  &lt;tbody id="myTable"&gt;
      {% for event in eventList %}
        &lt;tr&gt;
          &lt;td&gt;&lt;div style="width:100px"&gt;{{ event.week|date:"d-m-Y" }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div style="width:200px; text-transform: uppercase"&gt;{{ event.name }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day0" style="width:200px; text-transform: uppercase"&gt;{{ event.sunday }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day1" style="width:200px; text-transform: uppercase"&gt;{{ event.monday }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day2" style="width:200px; text-transform: uppercase"&gt;{{ event.tuesday }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day3" style="width:200px; text-transform: uppercase"&gt;{{ event.wednesday }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day4" style="width:200px; text-transform: uppercase"&gt;{{ event.thursday }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day5" style="width:200px; text-transform: uppercase"&gt;{{ event.friday }}&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div id="day6" style="width:200px; text-transform: uppercase"&gt;{{ event.saturday }}&lt;/div&gt;&lt;/td&gt;
        &lt;/tr&gt;
      {% endfor %}
    &lt;/tbody&gt;
  </code></pre>
  
  <p>This is my current jQuery to filter the table:</p>
  
  <pre><code>&lt;script&gt; //No Results message
    $(document).ready(function () {
      (function ($) {
        $("#myInput").keyup(function () {
          var rex = new RegExp($(this).val(), "i");
          $("#myTable tr").hide();
          $("#myTable tr").filter(function () {
            return rex.test($(this).text());
          }).show();
          $(".noResults").hide();
          if($("#myTable tr:visible").length == 0) {
            $(".noResults").show();
          }
        })
      }(jQuery));
    });
  </code></pre>
  
  <p></p>
  
  <p>I am currently able to filter when I type in my query. I would like to use datetimepicker to select a date which then filters the table. </p>
  
  <p>This is how I have implemented datetimepicker for "myInput":</p>
  
  <pre><code>$(function () {
    $('#myInput').datetimepicker({
      format:'DD-MM-YYYY',
    });
  
    $('#myInput').on('dp.change', function (e) {
      var value = $("#myInput").val();
      var firstDate = moment(value, "DD/MM/YYYY").day(0).format("DD/MM/YYYY");
      $("#myInput").val(firstDate);
    });
  });
  </code></pre>
  
  <p>But whenever I select a date, the table does not filter. I think it's due to the "keyUp" function, but I am not sure what to change it to.</p>