输入具有起始值和结束值的双倍值范围[重复]答案

【问题标题】：Input a double range of values with start and end values [duplicate]输入具有起始值和结束值的双倍值范围[重复]
【发布时间】：2013-11-22 10:25:21
【问题描述】：

我必须在一个范围内选择一些值，包括一个开始值和一个结束值，就像在这个图像示例中一样：

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

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

你知道吗？

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

【问题讨论】：

【解决方案1】：

没有 jQuery 解决方案

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

美好的一天

【讨论】：

【解决方案2】：

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

【讨论】：

哦，谢谢！但是您知道纯 JavaScript 中有一种方法吗？（只是为了确保不要无缘无故使用图书馆。
jquery 无论如何都是在 javascript 中完成的。您可以查看 jquery 的源代码，他们是如何做到的
是的，你是对的。我想这更容易，即使我不是外部库的忠实粉丝。非常感谢您的回答。
不幸的是 jquery ui 版本不能在移动设备上运行，如果你尝试让 jquery ui/jquery mobile 在同一个页面上工作，它们都有 $.slider() 方法，所以它们会发生冲突.

【解决方案3】：

jquery 输入范围滑块示例：

【讨论】：

不幸的是 jquery ui 版本不能在移动设备上运行，如果你尝试让 jquery ui/jquery mobile 在同一个页面上工作，它们都有 $.slider() 方法，所以它们会发生冲突.