如何称呼"持续时间选择器"并且它是否存在？

Question

我正在寻找类似"持续时间选择器"的东西.因为谷歌搜索"持续时间选择器"并没有给我任何结果,我想知道是否有一个技术名称,它可以帮助搜索它.时间选择器和时间跨度选择器目前没有带来任何帮助.

如果存在类似的东西,有人可以指出我,那就可以了,而不是技术名称.

更新1:

对不起,我完全忘了解释持续时间选择器的含义.这不是一个时间选择器,而是一种选择持续时间的方式,而不是相对于约会.例如,烹饪给定的食谱需要(持续时间)4小时10分钟.从这里到那里旅行需要4天10个小时.

我的基本想法是可以为"更大"的单位配置选择器(可能是几天),持续时间将在内部以秒表示.所以我可以说20 days and 23 hours and 0 minutes或者"更大"的单位是天(例如软件开发工作),我可以写150 hours and 30 minutes and 0 seconds.选择隐藏一些较小的字段(如分钟/秒)会很不错.

更新2:

一个非常简单的ui示例:

Answer 1

您可以使用一组自定义的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;
         }
     }
 });

像这样:http: //jsfiddle.net/xHzMw/1/

Answer 2

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

https://github.com/Tartarus762/jquery-duration-picker

Answer 3

Bootstrap 持续时间选择器 - Github，npm。

依赖项：jQuery 和 Bootstrap 3（仅用于样式）。