Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript tablesorter从选择下拉菜单和自定义时间过滤器中选择多个选项?_Javascript_Jquery_Datetime_Tablesorter - Fatal编程技术网

Javascript tablesorter从选择下拉菜单和自定义时间过滤器中选择多个选项?

Javascript tablesorter从选择下拉菜单和自定义时间过滤器中选择多个选项?,javascript,jquery,datetime,tablesorter,Javascript,Jquery,Datetime,Tablesorter,有没有办法从选择下拉菜单中选择多个选项并显示结果。就像我的小提琴一样,我把名字作为第一列,想要选择并显示亚伦和克拉克的时间。这是可能的。但是如果需要选择两个选项呢。如何实现这一目标 还有,如何应用自定义时间过滤器,如 上午(6点至12点) 下午(12至18日) 晚上(18至21日) 这是我试过的,但不起作用。事实上,这些选项甚至没有显示在选择框中 filter\u函数:{ 1 : { “晨”:函数(e,n,f,i){返回n=12&&n18;} } 仅显示时间。不知道如何为多选编码。在该演示中

有没有办法从选择下拉菜单中选择多个选项并显示结果。就像我的小提琴一样,我把名字作为第一列,想要选择并显示亚伦和克拉克的时间。这是可能的。但是如果需要选择两个选项呢。如何实现这一目标

还有,如何应用自定义时间过滤器,如

上午(6点至12点)

下午(12至18日)

晚上(18至21日)

这是我试过的,但不起作用。事实上,这些选项甚至没有显示在选择框中

filter\u函数:{
1 : {
“晨”:函数(e,n,f,i){返回n<12;},
“下午”:函数(e,n,f,i){返回n>=12&&n18;}
}

仅显示时间。不知道如何为多选编码。

在该演示中,时间列中有一个类名“filter select”,它覆盖了
filter_函数。
。只需删除该类即可

<th data-placeholder="Select a time block">Time</th>

至于问题的第二部分,filter小部件目前不支持multiple select元素。将来可能会支持它;但与此同时,您可能希望签出(仍处于测试阶段)这使用了表的外部功能。

非常感谢。我认为多选项选择将提高更多场景的可用性。感谢您对该功能的考虑。
<th data-placeholder="Select a time block">Time</th>
filter_functions: {

    1: {
        "Morning": function (e, n, f, i) {
            return parseInt(e, 10) < 12;
        },
        "Afternoon": function (e, n, f, i) {
            var num = parseInt(e, 10);
            return num >= 12 && num <= 18;
        },
        "Evening": function (e, n, f, i) {
            return parseInt(e, 10) > 18;
        }
    }
}