Jquery 如何使用DATETIMEPICKER按日期筛选HTML表？

这是我的桌子：

<input id="myInput" type="text" name="myInputSearches" placeholder="Week..." style="margin-top:4px">
<label class="noResults" align="right" style="display:none; color:red"><b><i>No Match Found</i></b></label>

....

<tbody id="myTable">
    {% for event in eventList %}
      <tr>
        <td><div style="width:100px">{{ event.week|date:"d-m-Y" }}</div></td>
        <td><div style="width:200px; text-transform: uppercase">{{ event.name }}</div></td>
        <td><div id="day0" style="width:200px; text-transform: uppercase">{{ event.sunday }}</div></td>
        <td><div id="day1" style="width:200px; text-transform: uppercase">{{ event.monday }}</div></td>
        <td><div id="day2" style="width:200px; text-transform: uppercase">{{ event.tuesday }}</div></td>
        <td><div id="day3" style="width:200px; text-transform: uppercase">{{ event.wednesday }}</div></td>
        <td><div id="day4" style="width:200px; text-transform: uppercase">{{ event.thursday }}</div></td>
        <td><div id="day5" style="width:200px; text-transform: uppercase">{{ event.friday }}</div></td>
        <td><div id="day6" style="width:200px; text-transform: uppercase">{{ event.saturday }}</div></td>
      </tr>
    {% endfor %}
  </tbody>

---

但每当我选择一个日期时，表都不会过滤。我认为这是由于keyUp函数，但我不确定要将其更改为什么。

在您的情况下，您需要从dp.change以编程方式触发所需的事件

或

将代码放在dateimepicker的dp.change事件处理程序中

$document.readyfunction{ $'myInput'.datetimepicker{ 格式：“DD-MM-YYYY”， }; $'myInput'。在'dp.change'上，函数e{ var rex=new RegExp$this.val，i； $myTable tr.hide； $myTable tr.filterfunction{ 返回rex.test$this.text； }.表演； $.noResults.hide； 如果$myTable tr:visible.length==0{ $.noResults.show； } }; }; 没有找到匹配项 名称 23-01-2019 星期一 星期二 星期三 星期四 星期五 星期六 名称 30-01-2019 星期一 星期二 星期三 星期四 星期五 星期六

---

你试过用改变来代替键盘吗？@Tanmay是的，我试过了，但还是不行。然后在dp.change内以编程方式触发更改事件。即$myInput.valfirstDate.change@Tanmay添加了变更，并用变更替换了keyup，但仍然不起作用：您使用哪个插件作为datetimepicker？

<script> //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));
  });

$(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);
  });
});