42

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

如果存在类似的东西并且有人可以指出我,那可以代替技术名称。

更新1:

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

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

更新 2:

一个非常简单的 ui 示例: 在此处输入图像描述

4

5 回答 5

15

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

于 2013-07-02T16:26:31.887 回答
6

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

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

于 2016-10-24T02:08:13.233 回答
5

引导持续时间选择器 - Githubnpm

依赖项:jQuery 和 Bootstrap 3(仅用于样式)。

演示截图

于 2018-11-19T19:29:46.560 回答
0

它的名称就像您所说的那样,并且存在于http://shop.ekerner.com/index.php/shop/javascript/duration-picker-detail

于 2015-02-06T04:57:47.490 回答
0

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

于 2016-01-26T15:51:33.010 回答