Javascript 输入具有起始值和结束值的两个值范围

Javascript 输入具有起始值和结束值的两个值范围,javascript,php,html,input,range,Javascript,Php,Html,Input,Range,我必须选择某个范围内的一些值,包括起始值和结束值,如下图所示: 我使用HTML元素进行搜索,但它不能有两个选择器 我可以使用JavaScript(即使是一个库,如果没有一种自然的方式)或PHP,当然还有HTML和CSS。我没有找到那样的东西,所以你是我最后的希望 你知道吗 注:我知道我可以使用两个基本输入,但客户希望有这样一个图形化的唯一输入。例如jquery双范围滑块 在上可以找到许多jquery插件。如果您查找范围滑块,将有多个结果。jquery输入范围滑块示例: 没有jQuery解决方案

我必须选择某个范围内的一些值,包括起始值和结束值,如下图所示:

我使用
HTML元素进行搜索,但它不能有两个选择器

我可以使用JavaScript(即使是一个库,如果没有一种自然的方式)或PHP,当然还有HTMLCSS。我没有找到那样的东西,所以你是我最后的希望

你知道吗


注:我知道我可以使用两个基本输入,但客户希望有这样一个图形化的唯一输入。

例如jquery双范围滑块


在上可以找到许多jquery插件。如果您查找范围滑块,将有多个结果。

jquery输入范围滑块示例:

没有jQuery解决方案 如果您不使用jQuery(像我们一样),您会喜欢此解决方案:


天气真好

试试这个哦,谢谢你!但是你知道在纯JavaScript中有一种方法吗?(只是为了确保不要无缘无故地使用库。不管怎样,jquery都是用javascript实现的。你可以查看jquery的源代码,看看它们是如何实现的。是的,你是对的。我想这更容易,即使我不太喜欢外部库。非常感谢你的回答。不幸的是,jquery ui版本在移动设备上不起作用,如果你尝试这样做的话如果jquery ui/jquery mobile在同一页上工作,它们都有$.slider()方法,因此它们会发生冲突。不幸的是,jquery ui版本在移动设备上不工作,如果您尝试让jquery ui/jquery mobile在同一页上工作,它们都有$.slider()方法,因此它们会发生冲突。