RangeSlider
[VIEW]
[CODE]
<![CDATA[
<div class="ui_slider" data-input="50" data-range="0,100"></div>
]]>
[VIEW]
[CODE]
<![CDATA[
<div class="ui_slider" data-input="50" data-range="0,100"
data-values='[{"value":"0","title":"0만원"},{"value":"25","title":"25만원"},{"value":"50","title":"50만원"},{"value":"75","title":"75만원"},{"value":"100","title":"100만원"}]'>
</div>
]]>
[VIEW]
[CODE]
<![CDATA[
<div class="ui_slider" data-input="25,100" data-range="0,100"
data-values='[{"value":"0","title":"0만원"},{"value":"25","title":"25만원"},{"value":"50","title":"50만원"},{"value":"75","title":"75만원"},{"value":"100","title":"100만원"}]'>
</div>
]]>
[VIEW]
[CODE]
<![CDATA[
<div class="ui_slider" data-input="#startInput,#endInput" data-range="0,100"
data-values='[{"value":"0","title":"0만원"},{"value":"25","title":"25만원"},{"value":"50","title":"50만원"},{"value":"75","title":"75만원"},{"value":"100","title":"100만원"}]'>
<input type="hidden" id="startInput" value="0">
<input type="hidden" id="endInput" value="60">
</div>
]]>
<![CDATA[
<script type='text/javascript'>
$(function () {
vcui.require(['ui/rangeSlider'], function () {
$('.ui_slider').vcRangeSlider().on('rangeSliderchanged', function (e, data) {
});
});
});
</script>
]]>