j-PriceRange

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Атрибути:

Минимална стойност на data-min="0" (предварително 0)
Максимална стойност на data-max="0" (предварително 10000)
data-step="100" Задължително стъпка 100)
data-currency="$ {0}" Форматиране на текущите стойности (дефолт) {0} €)

Компонентът съхранява стойността като струя 200-500, обяснение: from-to.

Използвайте го с <ui-component name="pricerange">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

example.html

<div style="width:600px">
	<ui-component name="pricerange" path="filter.price" data-min="0" data-step="100" data-max="1000"></ui-component>
</div>

<script>
	var filter = { price: '200-800' };
</script>