使用JQuery或Javascript或HTML的Spinner？(Spinner with JQuery or Javascript or HTML?)

使用JQuery或Javascript或HTML的Spinner？(Spinner with JQuery or Javascript or HTML?)

我想在javascript / jQuery上编写一个微调器代码，以便从用户那里得到分钟和小时。

我想用Jquery或Javascript或HTML实现它：

我已经使用JQuery datepicker实现了日历部分（在屏幕截图左侧）。 那里有两个旋转器，小时范围从00到23.分钟范围是00到59。

我该怎么做？

I want to write a spinner code at javascript/jQuery to get minute and hour from user.

I want to implement this with Jquery or Javascript or HTML:

I have implemented the calendar part (at left at screenshot) with JQuery datepicker. There are two spinners over there and hour range is from 00 to 23. Minute range is 00 to 59.

How can I do it?

最满意答案

屏幕截图中的内容并不完全是一个微调器 - 它只是一个<select> ，其值为00到59 。

使用jQuery：

var select = $('#minute'); for (var i = 0; i < 60; i++) { $('<option>', { value: i, text: (i < 10 ? '0' + i : i) }).appendTo(select); }

您还需要在表单中使用此HTML：

<select id="minute"></select>

这是一个演示： http ： //jsfiddle.net/yhmAT/

What's in the screenshot isn't exactly a spinner - it's just a <select> with the values from 00 to 59 filled in.

With jQuery:

var select = $('#minute'); for (var i = 0; i < 60; i++) { $('<option>', { value: i, text: (i < 10 ? '0' + i : i) }).appendTo(select); }

You'll also need this HTML in your form:

<select id="minute"></select>

Here is a demo: http://jsfiddle.net/yhmAT/