2016-04-12 12 views
0

kullanarak saati ayarlayın. İyonik menzil, min, maks, adım, değer ile ortak bir girdi gibi çalışır.angularjs - Ben 15dakika bir adımla bir süre ayarlamak için iyonik aralığını kullanmaya çalışıyorum aralık sürgüsünü

İşte aralık html kod:

<div class="item range"> 
    <input type="range" min="0.15" max="12" value="0" step="0.15" ng-model="TimeValue" ng-change="setTime(TimeValue)"> 
</div> 

Ve burada ben değişim arıyorum fonksiyonu var:

$scope.setTime = (value) -> 
    $scope.hours = Math.floor(value/0.6); 
    $scope.minutes = value - ($scope.hours * 0.6); 

Maalesef bu çalışmıyor.

Ne elde etmek çalışıyorum o 0.6 vardığında ve benzeri 1.15 (saat) yeniden başlar ve daha otomatik bir saat oluşturur 0.15 (dakika) bir adımla bir kaydırıcı olduğunu.

Burada bu cevabı takip ediyorum: using ionic range to set months and years ama bu yıl ve ay var ve hesaplama farklıdır. İşte

hızlı bir demo: http://codepen.io/anon/pen/eZVPRv?editors=1010

DÜZENLEME

Yeni demo: http://codepen.io/anon/pen/eZVPRv?editors=1010

+0

Ben saat ve dakika olarak ayarlar görebilirsiniz, bu yüzden ne çalışmıyor? – Dreamweaver

+0

Kaydırarak, saat ve dakika ayarlar, ancak değerler (özel olarak) yanlıştır. İlk adım (1 saate kadar) doğru ama daha sonra sürekli artarak, 0.15000000002 - 0.30000000004 - 0.45000000007'ye gidiyor. Bu, gecikmelere yol açabilir ve gerçekten mükemmel olan – Nick

cevap

1

kullanın Aşağıdaki kod dostum,

angular.module('ionicApp', ['ionic']) 
.controller('MyCtrl', ['$scope', function($scope){  
    $scope.setTime = function (value) { 
    $scope.hours = Math.floor(value/0.6); 
    if(($scope.TimeValue % 0.6) == 0){ 
    $scope.minutes = 0; 
    }else{ 
     if($scope.TimeValue <= .6){ 
     $scope.minutes = Math.round((value - ($scope.hours))*100); 
     }else{ 
     value = Math.round((value - ($scope.hours * .6))*100); 
     $scope.minutes = value; 
     } 
    } 
    } 
    $scope.TimeValue = 0.15; 
}]) 

needed- neyi vardı bu umut hesaplama sorunu, buradan kontrol edin - http://codepen.io/himanshuapril1/pen/eZVPXe?editors=1010

+0

gerçekten hassas olmak için buna ihtiyacım var, ama yine de "varsayılan değer" ile ilgili bazı sorunlar var, bunu da kontrol edebilir misiniz? cevabını seçtim :) teşekkürler adam – Nick

+1

Varsayılan değerinizi nasıl göstermek istersiniz? –

+0

Burada neden hala bir sorunum olduğunu görebilirsiniz: http://codepen.io/anon/pen/qZxgVY temel olarak, kaydırıcıya da değerler eklememe izin veren bir biçime ihtiyacım var ancak bunu dakikalar içinde tutuyorum http://codepen.io/himanshuapril1/pen/eZVXmV – Nick

İlgili konular