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或阅读一些教程 - 这是非常基本的东西。

，让您的阿贾克斯将包裹一个div内你的表最简单的方法，比方说，tablewrapper那么你可以使用jQuery的.load()方法：

$('#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。我打电话给我的小提琴“简单”，因为我甚至没有验证maxdate是否在mindate之前显示警告，既不显示“未找到结果”消息，即使这些消息也只是几行代码。