wildil,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<p>.2015</p>
<input type=range min=2005 max=2015 value=2015 id=fader step=1 onchange="outputUpdate()">
<input type=range min=2005 max=2015 value=2015 id=fader step=1 onchange="outputUpdate()">
<li id=volume class="filter-item" data-filter=".2015">2015</li>
<script>
var p = document.querySelector("p")
function outputUpdate(vol) {
var str = [],
inp = document.querySelectorAll("[type='range']");
min = inp[0].value, max = inp[1].value;
if (min > max) {
inp[1].value = min;
max = min
};
for (var i = min; i <= max; i++) {
str.push(i)
}
p.innerHTML = "." + str.join(",.");
document.querySelector(".filter-item").dataset.filter = "." + str.join(",.");
document.querySelector(".filter-item").innerHTML = min + ((min == max) ? "" : (" - " + max));
}
</script>
</body>
</html>