JSFiddle

  • ion.rangeSlider test playground

    With html5 skin

    moment.locale("en-GB");
    
    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        grid: true,
        min: 1,
        max: 12,
        from: 3,
        to: 10 ...
  • ion.rangeSlider test playground

    With html5 skin

    moment.locale("en-GB");
    
    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        grid: true,
        min: 1,
        max: 12,
        from: 3,
        to: 10 ...
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "single",
        min: 1000,
        max: 50000,
        step: 1000,
        prettify: function (n) {
        	var num = n / 1000 ...
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        values: ["a", "b", "c", "d", "e", "f"],
        min_interval: 1
    });
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider");
    var $debug = $(".js-debug");
    var prev_x = 50;
    
    $range.ionRangeSlider({
        type: "single",
        min: 0,
        max: 100,
        from: prev_x,
        onChange ...
  • ion.rangeSlider test playground

    With html5 skin

    moment.locale("en-GB");
    
    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        grid: true,
        min: 1425218400000,
        max: 1425279600000,
        from: 1425218400000,
        to: 1425279600000 ...
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider"),
        $input = $(".js-input"),
        values = [10, 20, 30, 40],
        instance;
    
    $range.ionRangeSlider({
        type: "single",
        values: values,
        onStart: function (data ...
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider"),
        $input = $(".js-input"),
        values = [10, 20, 30, 40],
        instance;
    
    $range.ionRangeSlider({
        type: "single",
        values: values,
        onStart: function (data ...
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider"),
        $input = $(".js-input"),
        values = [10, 20, 30, 40],
        instance;
    
    $range.ionRangeSlider({
        type: "single",
        values: values,
        onStart: function (data ...
  • ion.rangeSlider test playground

    With html5 skin

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "single",
        min: 0,
        max: 10000000,
        from: 500000,
        step: 0.01,
        prettify: function (num) {
            var ...