可以在输入控件中添加按钮吗？
可以在输入控件中添加按钮吗？
提问于 2016-09-26 17:00:17
我正在尝试创建我自己的自定义时间选择器，既可以在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中始终显示“向上-向下”微调器。有没有办法在输入控件中添加我自己的按钮？
回答 1
Stack Overflow用户
发布于 2016-09-27 12:50:41
您不能在input中添加自己的按钮
您可能(我不确定这一点)可以通过更改CSS来做到这一点，但这也不是一个通用的解决方案，因为不同的浏览器使用不同的CSS属性来设置它们的input type=number微调器，并且不能保证它在所有浏览器上都能工作。
请参阅
作为一种解决办法，您可以使用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();
}
});
});
});您可以根据需要更改CSS
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39698603
复制相关文章
相似问题
腾讯云开发者
