Enter a double range of values ​​with start and end values

I need to select some values ​​in a range with a start and end value, for example, in this example: enter image description here

I am looking with an <input type="range">HTML element, but it cannot have two selectors.

I can use JavaScript (even for a library if the natural path does not exist) or PHP , and of course HTML and CSS . I have not found anything like this, so you are my last hope.

Do you know something?

PS: I know that I can use two main inputs, but the client wants to have such a unique graphic input.

+4
source share
3 answers

Double range jquery slider e.g. http://jqueryui.com/resources/demos/slider/range.html

At http://plugins.jquery.com/ you can find many jquery plugins. If you are looking for a range slider, you will have more than one result.

+1
source

NO jQuery solution

If you are not working with jQuery (for example, we), you will like this solution: https://refreshless.com/nouislider

A good day

+3
source

All Articles