为 input[number] 中的箭头设置默认值

Question

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

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

当用户通过箭头键选择年份时，它从min开始：1930。它会像 1980 一样。

如何将自定义“开始”编号设置为 input[number]？

（任何 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

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

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

IE

HMTL：

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

查询：

$("input[type=number]").on("change", function(){
    if ($(this).attr("min") == $(this).attr("max") && $(this).attr("min") == 1980) {
        $(this).attr("min", 1930);
        $(this).attr("max", 2015);
    }
});