Question

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

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

更新1：

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

我的基本想法是可以为“更大”的单位配置选择器（可能是天数），持续时间将在内部以秒表示。所以我可以说20 days and 23 hours and 0 minutes或者如果“更大”的单位是天（例如，对于软件开发工作），我可以写150 hours and 30 minutes and 0 seconds。选择隐藏一些较小的字段（例如分钟/秒）会很好。

更新2：

一个非常简单的ui示例： enter image description here

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（仅用于样式设置）。

demo screenshot

Answer 4

它就像你调用它一样被调用并存在于http://shop.ekerner.com/index.php/shop/javascript/duration-picker-detail

Answer 5

我认为你正在寻找类似这个jQuery插件的东西：http://www.jqueryscript.net/time-clock/Lightweight-Duration-Picker-Plugin-For-jQuery-Semantic-UI.html

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

5 个答案: