带JQuery、Javascript或HTML的微调器?

带JQuery、Javascript或HTML的微调器?,javascript,jquery,html,datetime,spinner,Javascript,Jquery,Html,Datetime,Spinner,我想在javascript/jQuery上编写一个微调器代码,以从用户那里获得每分钟和每小时的信息 我想用Jquery、Javascript或HTML实现这一点: 我已经用JQuery datepicker实现了屏幕截图左侧的日历部分。那边有两个纺纱机,时间范围从00到23。分钟范围是00到59 我该怎么做呢?屏幕截图中的内容并不完全是一个微调器-它只是一个填充了从00到59的值的微调器 使用jQuery: var select = $('#minute'); for (var i = 0; i

我想在javascript/jQuery上编写一个微调器代码,以从用户那里获得每分钟和每小时的信息

我想用Jquery、Javascript或HTML实现这一点:

我已经用JQuery datepicker实现了屏幕截图左侧的日历部分。那边有两个纺纱机,时间范围从00到23。分钟范围是00到59


我该怎么做呢?

屏幕截图中的内容并不完全是一个微调器-它只是一个填充了从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>

这里是一个演示:

屏幕截图中的内容并不完全是一个微调器-它只是一个填充了从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>

下面是一个演示:

我非常喜欢基思·伍德的《日期和时间》入门:


我非常喜欢Keith Wood对日期和时间条目的看法: