javascript - jQuery Tablesorter 日期选择器

Question

我将如何在 Tablesorter 中实现日期选择器，以便我可以在 to 日期之间显示结果01/01/2001 - 01/01/2012？

我收到了以下问题，因此我对上述问题提出了疑问：

在 HTML 中显示一组表格数据，其中数据包含日期。实现过滤表格数据的日期选择器。在可能的情况下，允许通过 ajax 或 json 提要提供表格数据。

Answer 1

正如我之前评论过的，您可以通过简单地使用 2 个jQuery UI 日期选择器来做到这一点——一个用于最小日期，另一个用于最大日期——并过滤日期。

我做了一个非常简单的例子，看一看。这是注释版本（您也可以结合日期选择器键入数字，这可能被证明是一种更简单的方法）。

现在，如果您想在 div 中动态加载内容，您只需要查看jQuery 的 Ajax 文档或阅读一些教程 - 这是非常基本的内容。

制作 Ajax 的最简单方法是将表格包装在 div 中，例如，tablewrapper然后您可以使用.load()jQuery 方法：

$('#tablewrapper').load('UrlWhichContainsMyTable.html');

在上面的示例中，您将回显一个整体<table> ... </table>（或将其包含在 html 文档中）。

如果要动态加载表行，可以对表使用.append和.appendTo方法：

$.get('urlWithMyNewRows.html', function(r){ //or $.post, $.ajax etc
      $('table.bordered').append(r);
});

在上面的示例中，您将获取表格行的集合以从文档<tr>中附加到您的表格中。urlWithMyNewRows.html

如果需要，请查看$.getJSON 文档和示例。=]

附言。我将我的小提琴称为“简单”，因为我什至没有验证是否在maxdate显示mindate警告之前也没有显示“未找到结果”消息，即使这些也只是几行代码。