jQuery Tablesorter日期选择器
我如何在TABLEorter中实现日期选择器,以便在日期01/01/2001 - 01/01/2012
之间显示结果?
因为我对上述问题的疑问,我得到了以下问题:
在HTML中显示一组表格数据,其中数据包含日期。 实现过滤表格数据的日期选择器。 在可能的情况下,允许通过ajax或json提要提供表格数据。
正如我之前评论的那样,你可以通过简单地使用2个jQuery UI日期选择器来实现这一点 – 一个用于最小日期,另一个用于最大日期 – 并过滤日期。
我做了一个非常简单的例子, 看一看 。 这里是注释版本 (您也可以将这些数字与日期选择器一起输入,这可能是一种更简单的方法)。
现在,如果你想在div中动态加载内容,你只需要看看jQuery的Ajax文档或阅读一些教程 – 这是非常基本的东西。
制作Ajax的最简单方法是将表包装在div中,比如tablewrapper
然后你可以使用tablewrapper
.load()
jQuery方法:
$('#tablewrapper').load('UrlWhichContainsMyTable.html');
在上面的示例中,您将回显整个
(或将其放在html文档中)。
如果要动态加载表行,可以在表中使用.append
和.appendTo
方法:
$.get('urlWithMyNewRows.html', function(r){ //or $.post, $.ajax etc $('table.bordered').append(r); });
在上面的示例中,您将从urlWithMyNewRows.html
文档中获取表行
的集合以附加到表中。
如果需要,请查看$ .getJSON文档和示例 。 =]
PS。 我称我的小提琴“简单”,因为我甚至没有validationmaxdate
是否在maxdate
之前显示警告既不显示“找不到结果”消息,即使这些只是几行代码。