选择标签无下拉

在我的应用程序中，我想让用户输入一个时间。为此，我正在考虑放置两个选择标签（小时和分钟）。但我不想要下拉列表，我希望列表只显示一个项目，当我点击向上箭头时，我应该在列表中上移。例如：小时数列表显示01，当我点击向上箭头时，它将显示02和03之后，等等。我不知道这个标签的名称，有谁知道如何做到这一点？谢谢。选择标签无下拉

来源

2011-08-24 kbaccouche

你对jquery ui解决方案感兴趣吗？ – naveen

你正在寻找一个HTML5 input type="number"这样。

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

但是到目前为止，它不适用于所有浏览器。
如果你到了jQuery，它更好使用Timepicker：http://trentrichardson.com/examples/timepicker/

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

来源

2011-08-24 08:13:34 naveen

伟大的时间选择器工作正常，这正是我想要的。非常感谢:) – kbaccouche

但我有另一个问题：我用timepicker（）这样做，因为我也需要日期。现在我想知道那个时刻（日期+时间）是否已经过去了。你应该知道我将这些值通过ajax传递给我的控制器。所以我会把它们当作字符串。如何将此字符串转换为日期以便我可以比较它？ – kbaccouche

请问这是另一个问题 – naveen

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

希望这有助于你

来源

2011-08-24 08:09:21 AmGates

在设计部分做这样的，添加一个文本框和两个图像控件然后在图像使用的点击修改下面的脚本。

在JavaScript中做这样的，

功能小时（时间）{ 如果（时间== '向上' & & parseInt函数（的document.getElementById（ '小时'）。值）> 1）{ 文件。.getElementById（ '小时'）值= parseInt函数（的document.getElementById（ '小时'）的值。）-1; } 如果（时间== '向下' & & parseInt函数（的document.getElementById（ '小时'）。值）< 24）{ 的document.getElementById（ '小时'）。值= parseInt函数（的document.getElementById（'小时“）。价值）+1; } }

来源

2011-08-24 09:12:20 Baskaran

选择标签无下拉

回答

相关问题