jQuery Tablesorter日期选择器

Question

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

我收到了以下问题，因此我对上述问题进行了查询：

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

Answer 1

正如我之前评论的那样，你可以通过简单地使用2 jQuery UI datepickers - 一个用于最小日期，另一个用于最大日期 - 并过滤日期来完成此操作。

我做了一个非常简单的例子Take a look。并且here's the commented version（你也可以输入数字和datepickers，这可能是一种更简单的方法）。

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

制作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 documentation and examples。 =]

PS。我称我的小提琴＆＃34;简单＆＃34;因为我甚至没有验证maxdate是否在mindate之前显示警告都没有显示＆＃34;没有找到结果＆＃34;消息，即使这些只是几行代码。