2013-07-02 7 views
19

私は「デュレーションピッカー」のようなものを探しています。グーグルの「期間ピッカー」は私に何の結果ももたらさないので、検索に役立つ技術的な名前があるかどうかを知りたいと思います。時間ピッカーとタイムスパンピッカーは、現時点で何の助けにもなりません。「デュレーションピッカー」とはどのように呼ばれ、存在しますか?

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

アップデート1:

私は完全に私が継続ピッカーによって何を意味するかを説明するのを忘れて申し訳ありません。 時間ピッカーではありませんが、日付に関係なく、何かをやり遂げるのにどれくらいの時間がかかるかを選択する方法です。たとえば、指定されたレシピを調理する場合、(時間)は4時間10分かかります。ここからそこへ移動するには4日と10時間かかります。

私の基本的なアイデアは、「大きい」ユニット(おそらく日)を使用するようにピッカーを構成する可能性であり、期間は秒単位で表されます。だから私は20 days and 23 hours and 0 minutesと言うことができますか、または "より大きい"単位が日であれば(例えばソフトウェア開発ジョブの場合)、私は150 hours and 30 minutes and 0 secondsと書くことができます。 分/秒のような小さなフィールドを非表示にすると良いでしょう。

アップデート2:

非常にシンプルなUI例: http://jsfiddle.net/xHzMw/1/

+0

。あなたが私たちに定義を与えない場合は、技術的な名前を見つけるのを手助けすることはできません。 – Blazemonger

+1

ノブを見てくださいhttp://anthonyterrien.com/knob/またはブートストラップタイムピッカーhttp://jdewit.github.io/bootstrap-timepicker/ – Archer

+0

@Blazemonger:申し訳ありませんが、私はばかです、私は完全に何かを説明することを忘れている...もう一度、質問を更新してください。 –

答えて

5

私はこの質問が古いですけど、満足のいく答えは達していなかったように思えます。この正確なユースケースのためにjQueryプラグインを作成しましたが、私が行ったような将来に見える人のために投稿します。まさにあなたの「持続ピッカー」が行うことになっているかに依存し

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

11

あなたはこのような

$('#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; 
     } 
    } 
}); 

カスタマイズされたjQueryのスピナーのセットを使用することができますそれはちょうど李KEあなたはそれを呼ばれると私はあなたがこのjQueryプラグインのようなものを探しているのだと思いhttp://shop.ekerner.com/index.php/shop/javascript/duration-picker-detail

+0

ウェブを掘り下げて私は同じ答えに達しました。ありがとう。 –

+1

これは本当に堅牢ではありません。たとえば、10時間と30535分のスピンを入力できます。 –

0

enter image description here

+0

上記解決策と同じ問題。分フィールドに任意の大きな数値を入力することができます –

+1

それは重要ですか?ユーザーが値が4320分であることがわかっていて、それを数時間に変換したくない場合は、分単位で入力できます。 たとえば、マシンの稼働時間は時間または分で分かります。 特徴のように聞こえます;)しかし、59分を入力してからhmsに変換された場合は素晴らしいです。病気の近くに次回追加してください。 – ekerner

関連する問題