Javascript 将引导日期范围滑块转换为角度材质
我在AngularJS中使用bootstrap库构建了一个工作日期范围滑块,但我希望能够将其配置为使用角度材质运行。我尝试了md滑块,但无法创建范围。我正在使用rz滑块指令创建该指令。下面是使用引导的大量代码: 小提琴Javascript 将引导日期范围滑块转换为角度材质,javascript,angularjs,slider,angular-ui-bootstrap,angular-material,Javascript,Angularjs,Slider,Angular Ui Bootstrap,Angular Material,我在AngularJS中使用bootstrap库构建了一个工作日期范围滑块,但我希望能够将其配置为使用角度材质运行。我尝试了md滑块,但无法创建范围。我正在使用rz滑块指令创建该指令。下面是使用引导的大量代码: 小提琴 var-app=angular.module('rzSliderDemo',['rzModule','ui.bootstrap']); app.controller('MainCtrl',函数($scope、$rootScope、$timeout、$modal){ var da
var-app=angular.module('rzSliderDemo',['rzModule','ui.bootstrap']);
app.controller('MainCtrl',函数($scope、$rootScope、$timeout、$modal){
var date1=新日期(2017年3月1日);
var date2=新日期();
var日;
var dateArray=[date1];
而(date1我通过更新库并从依赖项中删除$timeout和$modal来修复它,就像它们用于引导一样。
这是最新的小提琴
var app = angular.module('rzSliderDemo', ['rzModule', 'ui.bootstrap']);
app.controller('MainCtrl', function ($scope, $rootScope, $timeout, $modal) {
var date1 = new Date(2017, 3, 1);
var date2 = new Date();
var day;
var dateArray = [date1];
while(date1 <= date2) {
day = date1.getDate()
date1 = new Date(date1.setDate(++day));
dateArray.push(date1);
}
$scope.slider = {
minValue: dateArray[0],
maxValue: dateArray[dateArray.length-1],
value: dateArray[0], // or new Date(2016, 7, 10) is you want to use different instances
options: {
stepsArray: dateArray,
translate: function(date) {
if (date != null)
return date.toISOString();
return '';
}
}
};
});
var app = angular.module('rzSliderDemo', ['rzModule', 'ngMaterial','ngAnimate','ngAria']);
app.controller('MainCtrl', function ($scope, $rootScope) {