选择不带下拉菜单的标签答案

【问题标题】：select tag without drop-down选择不带下拉菜单的标签
【发布时间】：2011-11-02 14:08:54
【问题描述】：

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

【问题讨论】：

您对 jquery ui 解决方案感兴趣吗？

标签： javascript html ruby-on-rails

【解决方案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({});

【讨论】：

伟大的时间选择器工作得很好，这正是我想要的。非常感谢:)
但我还有另一个问题：我使用 timepicker() 是因为我还需要日期。现在我想知道那个时刻（日期+时间）是否已经过去。您应该知道我正在使用 ajax 将这些值传递给我的控制器。所以我会把它们当作字符串。如何将此字符串转换为日期以便进行比较？
请作为另一个问题提出
stackoverflow.com/questions/7174151/…

【解决方案2】：

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

希望对你有帮助

【讨论】：

【解决方案3】：

在设计部分这样做，添加一个 TextBox 和两个 Image 控件，然后单击图像使用并修改以下脚本。

在 JavaScript 中这样做，

功能小时（时间）{ if(time=='up' && parseInt(document.getElementById('hours').value)>1){ document.getElementById('hours').value=parseInt(document.getElementById('hours').value)-1; } if(time=='down'&& parseInt(document.getElementById('hours').value)

【讨论】：