AngularJS-Slider Issue Report

Fork this Fiddle to show an issue and report it here: https://github.com/rzajac/angularjs-slider/issues

by ValentinH

HTML

<link rel="stylesheet" href="https://rawgit.com/GMaxera/angularjs-slider/master/dist/rzslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://rawgit.com/angular-slider/angularjs-slider/master/dist/rzslider.js"></script>
<div ng-app="myapp">
    <div ng-controller="TestController as vm">
        
        <rzslider rz-slider-model="vm.priceSlider2.minValue" rz-slider-high="vm.priceSlider2.maxValue" rz-slider-options="vm.priceSlider2.options"></rzslider>
    </div>
</div>

JavaScript

var myApp = angular.module('myapp', ['rzSlider']);

myApp.controller('TestController', TestController);

function TestController() {
    var vm = this;

    vm.priceSlider = {
        minValue: new Date("2014-12-18"),
        maxValue: new Date("2016-12-18"),
        options: {
            ceil: new Date("2017-12-18"),
            translate: function(val) {
              val = new Date(val);

              const days = val.getDate();
              const month = val.getMonth() + 1;
              const year = val.getFullYear();

              return month + '/' + days + '/' + year;
            }
        }
    }
    
    vm.priceSlider2 = {
        minValue: new Date("2014-12-18"),
        maxValue: new Date("2016-12-18"),
        options: {
            ceil: new Date("2017-12-18"),
            floor: new Date("2010-12-18"),
            translate: function(val) {
              val = new Date(val);

              const days = val.getDate();
              const month = val.getMonth() + 1;
              const year = val.getFullYear();

              return month + '/' + days + '/' + year;
            }
        }
    }
}