Question

我有一个input type=number用于选择应加载空的年份：

<input type="number" placeholder="Select year" min="1930" max="2015" required
    ng-custom-mask="9999" />

当用户通过箭头键选择年份时，它以最小值开始：1930年。它像1980年一样。

如何设置自定义＆＃34; start＆＃34;要输入的数字[编号]？

（任何HTML5，JavaScript（甚至是AngularJS）都会很好......）

Answer 1

如下：

HTML：

  <input 
     type="number" 
     placeholder="Select year" 
     min="1930" 
     max="2015" 
     required 
     ng-custom-mask="9999"
     ng-model="points" 
     step="{{getStep()}}" />

在您的控制器中：

  $scope.getStep = function() {
    if (!$scope.points) {
      return 50;
    }
    return 1;
  }

Answer 2

您只需添加值属性

即可

    <input type="number" placeholder="Select year" 
    min="1930" max="2015" required ng-custom-mask="9999" value="1980"/>

Answer 3

我有点晚了，但这可以通过解决方法“解决”：

将你的最小值和最大值设置为相同的值，在本例中为1980
在更改时，检查min == max（和min == 1980）
如果是，请将最小值和最大值设置为实际值

即

HMTL：

  .block{
     display:inline-block;
     background-color: azure;
     border:2px solid black;
     font-family: fantasy;
     height:150px;
     width:200px;
     padding-top:5px;
     justify-content: center;
     position: relative; 

   }  

  body{
     background-color: beige; 
   }

 .game {
     height:500px;
     width:700px;
     background-color: gainsboro;
     margin-left: auto;
     margin-right: auto; 
  }

JQuery的：

<input type="number" placeholder="Select year" min="1980" max="1980" required ng-custom-mask="9999" />

设置输入[数字]中箭头的默认值

3 个答案: