jQuery Tablesorter日期选择器

Question

我如何在Calendarorter中实现日期选择器,以便在日期之间显示结果01/01/2001 - 01/01/2012？

因为我对上述问题的疑问,我得到了以下问题:

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

Answer 1

正如我之前评论的那样,你可以通过简单地使用2个jQuery UI日期选择器来实现这一点- 一个用于最小日期,另一个用于最大日期 - 并过滤日期.

我做了一个非常简单的例子,看一看.这是注释版本(你也可以输入数字和datepickers,这可能是一个更简单的方法).

现在,如果你想在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文档中获取要附加到表中的表行集合.

PS.我把我的小提琴"简单",我甚至没有验证,如果maxdate是之前mindate显示的警告没有显示"没有找到结果"消息,即使这些都只是几行代码为好.