Ist es möglich, eine Schaltfläche innerhalb der Eingabesteuerung hinzuzufügen?

Question

Ich versuche, meinen eigenen angepassten Zeitpicker zu erstellen, der sowohl auf IE als auch auf Chrome funktioniert. Das Zeitformat muss 'hh: mm' sein. Also habe ich wie

<input ng-model="timeHours" type="number" class="hours" placeholder="00" min="0" max="23" step="1"> 
<span class="lap-time-sep">:</span> 
<input ng-model="timeMinutes" type="number" class="minutes" placeholder="00" min="0" max="45" step="15"> 

Jetzt habe ich das 'Up- down' Spinner immer und auch in IE zeigen wollen. Gibt es eine Möglichkeit, meine eigenen Schaltflächen innerhalb der Eingabesteuerung hinzuzufügen?

Answer 1

Sie können Ihre eigene Taste innerhalb input

nicht hinzufügen Sie könnten (Ich bin nicht sicher über diese) in der Lage sein, das zu tun, indem Sie CSS ändern, aber auch das ist keine allgemeine Lösung, wie verschiedene Browser unterschiedliche CSS Eigenschaften ihre input type=number Spinner zu setzen und es gibt keine Sicherheit, dass es

here

Als Arbeit um, dies mit Sie können Spinners auf allen Browsern funktionieren würde erreichen

anzeigen

Set es auf DOM bereit

angular.module("MyApp", []) 
    .controller("MyCtrl", function($scope, $filter) { 
     angular.element(document).ready(function() { 
     $('#hour').spinner({ 
     min: 0, 
     max: 23, 
     step: 1, 
     spin: function(event, ui) { 
      $scope.hh = ui.value; 
      $scope.$apply(); 
      } 
    }); 
    $('#minutes').spinner({ 
     min: 0, 
     max: 45, 
     step: 15, 
     spin: function(event, ui) { 
      $scope.mm = ui.value; 
      $scope.$apply(); 
      } 
    }); 
    }); 
    }); 

FULL EXAMPLE

können Sie die CSS ändern nach Ihren Bedürfnissen