Convert select's to ui range slider
My question is how can I convert
<select class="filter" <option value="771" selected="selected">от 1995 г.в.</option> <option value="782">1970</option> <option value="873">1980</option> <option value="878">1985</option> <option value="883">1990</option> <option value="884">1991</option> <option value="885">1992</option> <option value="886">1993</option> <option value="887">1994</option> <option value="888">1995</option> <option value="889">1996</option> <option value="890">1997</option> <option value="891">1998</option> <option value="892">1999</option> <option value="893">2000</option> <option value="894">2001</option> <option value="895">2002</option> <option value="896">2003</option> <option value="897">2004</option> <option value="898">2005</option> <option value="899">2006</option> <option value="900">2007</option> <option value="901">2008</option> <option value="902">2009</option> <option value="2844">2010</option> <option value="2845">2011</option> <option value="6045">2012</option> <option value="8581">2013</option> <option value="11017">2014</option> <option value="13978">2015</option> <option value="">Год выпуска</option> </select>
to range slider like you can see on image.
Example of what I want to realize is avito_filters . In the top filters click "Год выпуска" and you will see example. But I'm interesting, how to realize it.