2015-06-17 241 views
2

我有一个input type=number用于选择一年应该加载空:设置默认值[数字]

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

当用户通过箭头键选择年,它开始在最小值:1930 。它喜欢1980年的东西。

如何设置自定义“开始”号码输入[号码]?

(任何HTML5,JavaScript的(甚至AngularJS)就好了)

回答

0

你可以只添加一个value属性

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

将是很好,但我需要的是场空负荷.. –

0

什么是这样的:

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; 
    } 
0

我有点晚,但这是可以“解决”一个解决办法:

  1. 设置您的最小值和最大值为相同的值,在这种情况下,1980年
  2. 在一个变化,检查是否分钟==最大(和最小== 1980)
  3. 如果是的话,你的最小值和最大值设置为实际值

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); 
    } 
});