Question

我正在尝试创建自己的自定义时间戳，适用于IE和Chrome。时间格式为'hh：mm'。所以我创建了像

<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">

现在我想总是在IE中显示'up-down'微调器。有什么办法可以在输入控件中添加我自己的按钮吗？

Answer 1

您无法在input

中添加自己的按钮

你可能（我不确定这个）能够通过改变CSS来做到这一点，但这也不是一般解决方案，因为不同的浏览器使用不同的CSS属性来设置他们的input type=number微调器，并且不能保证它适用于所有浏览器

参见 here

作为解决方法，您可以使用Spinners

来实现此目的

将其设置为DOM ready

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

您可以根据需要更改CSS

是否可以在输入控件内添加按钮？

1 个答案: