jQDateRangeSlider (default ctor)

by SpaceDog

HTML

<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRangeSliderMouseTouch.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRangeSliderDraggable.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRangeSliderBar.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQDateRangeSlider.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRuler.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRangeSliderHandle.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRangeSliderLabel.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQRangeSlider.js"></script>
<script src="https://rawgit.com/ghusse/jQRangeSlider/master/jQDateRangeSliderHandle.js"></script>
<div id="slider"></div>

JavaScript

$j = jQuery.noConflict();
function init() {
    var s = $j("#slider").dateRangeSlider({

                bounds: {
                    "min": min2,
                    "max": max2
                },
                range: {
                    min: {
                        hours: 25
                    },
                    max: {
                        days: 7
                    },
                },
                formatter: function (val) {
                    var m = moment(val);
                    return m.format("DD/MM/YYYY HH:00:00 ");
                },
                defaultValues: {
                    min: min2,
                    max: max2
                }
    });
    $j('#slider').on("userValuesChanged", function (e, data) {
            console.log("DOG");
               });    
} //end of init()

 init();