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

Question

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

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

当用户通过箭头键选择年份时，它从 min 值开始：1930。它像 1980 这样的东西。

如何将自定义 "start" 号码设置为输入 [number]？

（任何 HTML5、JavaScript（甚至 AngularJS）都很好...）

Answer 1

您可以只添加一个值属性

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

Answer 2

怎么样：

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 3

我来晚了一点，但这可以 'solved' 解决方法：

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

即

HMTL：

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

JQuery:

$("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);
    }
});

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

Set default value for arrows in input[number]

html

javascript

html-input

angularjs