带有两个范围滑块过滤器的 jQuery 数据表

Posted 2023-02-18

【中文标题】带有两个范围滑块过滤器的 jQuery 数据表

【英文标题】：jQuery Datatables with two range slider filters

【发布时间】：2017-10-27 23:13:10

【问题描述】：

我设法使用 jQuery UI 和我在网上找到的 sn-p 获得了一个与 Datatables 一起使用的范围滑块：http://live.datatables.net/teredumi/1/edit?html,css,js,output

使用一个滑块效果很好。我不是一个很好的 jQuery，我在获取 second 范围滑块 #val_range_salary 以在同一页面上工作时遇到了麻烦（冲突等）。对于这个问题的任何帮助，我都会非常感激，我相信其他人也会发现它很有用。

如果您知道任何解决此问题的 jsfiddle 或 live.datatables，请告诉我。

【参考方案1】：

这是工作代码

http://live.datatables.net/teredumi/4/edit

第一件事是你还没有初始化你的第二个滑块

第二件事是你需要添加搜索功能来更新你的数据表

【讨论】：

非常感谢！我试图复制第一个滑块的功能，但我遇到了冲突，所以为了让其他人更容易解决它，我删除了我的失败代码。 :) 现在我看到了你是如何做到的，我可以轻松地扩展它并制作 3 个或更多滑块。

服务不可用：live.datatables.net/teredumi/4/edit

是否可以让var min 和var max 识别行内的最小和最大数字？