输入带有起始值和结束值的双倍值

Question

我必须在一个范围内选择一些带有开始值和结束值的值，如下图所示：

我使用<input type="range"> HTML元素进行搜索，但它不能有两个选择器。

我可以使用 JavaScript （如果不存在自然方式，甚至是库）或 PHP ，当然还有 HTML 和 CSS 即可。我没有找到类似的东西，所以你是我最后的希望。

你知道吗？

P.S。：我知道我可以使用两个基本输入，但是客户希望有这样的图形化唯一输入。

Answer 1

没有jQuery解决方案

如果您不使用jQuery（像我们一样），您会喜欢这个解决方案： https://refreshless.com/nouislider

美好的一天

Answer 2

jquery输入范围滑块示例：

http://designm.ag/tutorials/howto-build-range-slider-input-with-jqueryui/

Answer 3

jquery双范围滑块，例如http://jqueryui.com/resources/demos/slider/range.html

在http://plugins.jquery.com/上你可以找到很多jquery插件。如果您查找范围滑块，您将获得多个结果。