web-dev-qa-db-ja.com

「期間ピッカー」はどのように呼ばれ、存在しますか？

「期間ピッカー」のようなものを探しています。 「期間ピッカー」をグーグルで検索しても結果が得られないため、検索に役立つ技術的な名前があるかどうか知りたいのですが。 Time PickerとTime Span Pickerは、現時点では何も役に立ちません。

同様のものが存在し、誰かが私にそれを指摘できる場合は、技術的な名前の代わりに問題ありません。

更新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

javascriptjquerytime
29
Fire-Dragon-DoL

ブートストラップ期間ピッカー- Github 、 npm 。

依存関係：jQueryおよびBootstrap 3（スタイリングのみ））。

demo screenshot

2
naXa

カスタマイズされた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/

12
havarc

この質問は古くなっていますが、満足のいく答えが得られなかったようです。私はこの正確なユースケースのためのjQueryプラグインを作成しました。私がそうであるように、将来探している人のためにそれを投稿します。

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

5
Brett Jeffreson

私はあなたがこのjQueryプラグインのようなものを探していると思います： http://www.jqueryscript.net/time-clock/Lightweight-Duration-Picker-Plugin-For-jQuery-Semantic-UI.html =

0
Sietse

それはあなたがそれを呼んだように呼ばれ、 http://shop.ekerner.com/index.php/shop/javascript/duration-picker-detail に存在します

0
ekerner