j-PriceRange

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Atributos:

data-min="0" un valor mínimo (por defecto 0)
data-max="0" un valor máximo (por defecto 10000)
Paso data-step="100" (predeterminado 100)
data-currency="$ {0}" formatea los valores actuales (predeterminado {0} €)

El componente almacena el valor como cadena 200-500, explicación: from-to.

Úselo con <ui-component name="pricerange">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>