选择标签而不下拉

Question

在我的应用程序中，我想让用户输入时间。 为此，我正在考虑放置两个选择标签（小时和分钟）。 但是我不想使用下拉列表，我希望列表仅显示一项，例如，当我单击向上箭头时，我应该在列表中上移。 示例：小时数列表显示为01，当我单击向上箭头时，它将显示02，然后显示03，依此类推。 我不知道这个标签的名字，有人知道怎么做吗？ 谢谢。

Answer 1

您正在寻找这样的HTML5 input type="number" 。

<input type="number" step="1" max="24" min="0" value="9"/>

但目前为止，它不适用于所有浏览器。
如果您喜欢jQuery，则最好使用Timepicker： http ：//trentrichardson.com/examples/timepicker/

$('#example3').timepicker({});

Answer 2

您可以有一个文本框，后跟两个按钮，即向上箭头和向下箭头。 在文本框中输入值（仅整数）并单击向上箭头后，您可以增加文本框中显示的值，而在单击向下按钮时，您可以减少文本框中的值。

希望这对您有帮助

Answer 3

在设计部分执行此操作中，添加一个TextBox和两个Image控件，然后单击图像使用并修改以下脚本。

在JavaScript中这样做，

函数hours（time）{if（time =='up'&& parseInt（document.getElementById（'hours'）。value）> 1）{document.getElementById（'hours'）。value = parseInt（document.getElementById（'小时'）.value）-1; } if（time =='down'&& parseInt（document.getElementById（'hours'）。value）<24）{document.getElementById（'hours'）。value = parseInt（document.getElementById（'hours'）。value ）+1; }}