時間（または時間範囲）を設定する最も効率的な方法は何ですか？

Question

日付を入力するためのソリューション（カレンダー、ドロップダウンメニューなど）はたくさんありますが、時間（または時間範囲）を尋ねるにはあまりにも多くの標準的な方法がないようです。

時間、分、秒のフィールド（および「AM/PM」フィールドの場合もあります）のドロップダウンメニューを個人的に試しました。私はまた、いくつかの時計のような入力デバイスを試しました。そのほとんどは、一般的なエンドユーザには使いにくいものでした。私は "：00"、 "：15"、 "：30"を含むサブメニューを受け取るために、時間 "10"にカーソルを置くことを可能にする、 "ポップアウト"時間選択メニューを試してみました。 "、"：45 "） - しかし、これらの方法のどれも自然のように見えません。

これまでのところ、私が見つけた最良の（最も普遍的な）方法は、単純なテキストフィールドを使用して、ユーザーに手動で時間、分、秒を入力させることです。また、Outlookの「日表示」に似たものを作成して、イベントをドラッグ＆ドロップして開始時刻と終了時刻を設定できるようにしています。

この情報を求める「最善の方法」はありますか？誰かが本当に直感的で使いやすいタイプの時間入力ウィジェットを使用していますか？または、少なくともプレーンテキストボックスを使用するよりも効率的な方法がありますか？

Answer 1

私はGoogleカレンダーのアプローチが最高であると感じます。テキストボックスを使用しますが、JavaScriptを使用して、時間を選択するためのドロップダウンの一種にします。良いデモは、私はまだ自分のサイト上でこれを実装していないjQueryのimplementation here

のために見つけることができますので、私は100％確実ではないんだけど、私はあなたがここにも、このjQueryプラグインからのコードが必要だと思う：
http://www.texotela.co.uk/code/jquery/timepicker/

を

編集
投稿した最初のリンクには、2番目のリンクのコードは必要ありません。それは単にそれに基づいています。この例から実際のJavaScriptファイルを取得するには、ページのソースを表示してファイルの場所を確認するか、URLに直接アクセスできます。
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

JQuery用の便利なツールtime entryがあります。これは、標準のテキストフィールドに加えて、「スピナー」タイプのアプローチを提供します。また、調整のためのマウススクロールホイールの使用をサポートしており（従来の「ちょうどタイプイン」アプローチ）、nのように制限するように構成することもできます。これはかなりカスタマイズ可能で、ローカリゼーションやその他のさまざまな設定をサポートしています。いくつかのプロジェクト/デモサイトでうまく使用しました。

Answer 3

私は平易な言語入力の巨大なファンです（先日話題がありました）。私は37signalsのバックパックのカレンダーのようなものを入力してみましょう（08/12 3pm Tomと出会う）。私はまた、彼らがリマインダシステムで時間を処理する方法が好きです（彼らはあなたに今日の明日の朝のようなオプションを与えます）。