Skip to content

Instantly share code, notes, and snippets.

@pwnz22
Created June 10, 2016 10:50
Show Gist options
  • Save pwnz22/214c90e8d2e2b1378845243ef5f991be to your computer and use it in GitHub Desktop.
Save pwnz22/214c90e8d2e2b1378845243ef5f991be to your computer and use it in GitHub Desktop.
price-range-ui-slider
// price range
jQuery('#slider-range').slider({
range: true,
min: 0,
max: 3500,
values: [ 100, 500 ],
slide: function( event, ui ) {
jQuery('#from').val( String(ui.values[0]).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
jQuery('#to').val( String(ui.values[1]).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
jQuery('.left_val').html( String(ui.values[0]).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
jQuery('.right_val').html( String(ui.values[1]).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
}
});
jQuery('#from').val( String(jQuery('#slider-range').slider('values', 0 )).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
jQuery('#to').val( String(jQuery('#slider-range').slider('values', 1 )).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
jQuery('.left_val').html( String(jQuery('#slider-range').slider('values', 0 )).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
jQuery('.right_val').html( String(jQuery('#slider-range').slider('values', 1 )).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment