Javascript 如何';s a";持续时间选择器“;打电话来了,它存在吗?

Javascript 如何';s a";持续时间选择器“;打电话来了,它存在吗?,javascript,jquery,time,Javascript,Jquery,Time,我在找像“持续时间选择器”这样的东西。因为谷歌搜索“持续时间选择器”不会给我任何结果,我想知道是否有一个技术名称可以帮助搜索它。时间选择器和时间跨度选择器目前没有带来任何帮助 如果有类似的东西存在,有人可以指给我看,它可以代替技术名称 更新1: 对不起,我完全忘了解释什么是持续时间选择器。 这不是一个时间选择器,而是一种选择做某件事持续时间的方法,而不是相对于日期。例如,烹饪一个给定的食谱需要(持续时间)4小时10分钟。从这里到那里需要4天10小时 我的基本想法是可以将选择器配置为“更大”的单元

我在找像“持续时间选择器”这样的东西。因为谷歌搜索“持续时间选择器”不会给我任何结果,我想知道是否有一个技术名称可以帮助搜索它。时间选择器和时间跨度选择器目前没有带来任何帮助

如果有类似的东西存在,有人可以指给我看,它可以代替技术名称

更新1:

对不起,我完全忘了解释什么是持续时间选择器。 这不是一个时间选择器,而是一种选择做某件事持续时间的方法,而不是相对于日期。例如,烹饪一个给定的食谱需要(持续时间)4小时10分钟。从这里到那里需要4天10小时

我的基本想法是可以将选择器配置为“更大”的单元使用(可能是几天),持续时间将在内部以秒表示。因此,我可以说
20天23小时0分钟
,或者如果“更大”的单位是天(例如,对于软件开发工作),我可以写
150小时30分钟0秒
。 如果可以选择隐藏一些较小的字段,比如分/秒,那就更好了

更新2:

一个非常简单的ui示例:
您可以使用一组定制的jQuery微调器

 $('#seconds').spinner({
     spin: function (event, ui) {
         if (ui.value >= 60) {
             $(this).spinner('value', ui.value - 60);
             $('#minutes').spinner('stepUp');
             return false;
         } else if (ui.value < 0) {
             $(this).spinner('value', ui.value + 60);
             $('#minutes').spinner('stepDown');
             return false;
         }
     }
 });
$('#秒')。微调器({
自旋:函数(事件、ui){
如果(ui.value>=60){
$(this.spinner('value',ui.value-60);
$(“#分钟”).spinner('step up');
返回false;
}否则如果(ui.value<0){
$(this.spinner('value',ui.value+60);
$(“#分钟”).spinner(“降压”);
返回false;
}
}
});
像这样:

它的名称与您的名称相同,存在于

我想您正在寻找类似jQuery插件的东西:

我知道这个问题很老,但似乎没有找到满意的答案。我为这个确切的用例制作了一个jQuery插件,我会把它发布给任何像我一样期待未来的人


引导持续时间选择器-

依赖项:jQuery和bootstrap3(仅用于样式设置)


这取决于你的“持续时间选择器”到底应该做什么。如果您不给我们一个定义,我们无法帮助您找到技术名称。请看一下旋钮或引导计时器@Blazemonger:对不起,我很愚蠢,我完全忘了解释什么是。。。给我一点时间,更新这个问题。@Archer:对不起,更新了这个问题来解释我使用“持续时间选取器”的意思。我刚刚发现,这个问题可以被改编成一个更为用户体验友好的解决方案:通过网络挖掘,我得到了相同的答案。谢谢。那不是很结实。例如,您可以在这些微调器中键入10小时30535分钟。问题与上述解决方案相同。允许您在分钟字段中键入任意大的数字这有关系吗?如果用户知道该值为4320分钟,并且不想将其转换为小时,则可以在分钟内输入该值。例如,机器运行时间可能以小时或分钟为单位。听起来像一个功能;)尽管如此,如果您输入>59分钟后,它会转换为hms,这很好。我下次再在它旁边加上。