2


0

日付を入力するための多くの解決策(カレンダー、ドロップダウンメニューなど)がありますが、時間(または時間範囲)を求める「標準的な」方法が多すぎるようには思えません。

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

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

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

3 Answer


0


JQueryにはかなり便利な time entryツールがあります。 標準のテキストフィールドに加えて、「スピナー」タイプのアプローチを提供します。 それはまた調整のためのマウススクロールホイールの使用をサポートし(そして伝統的な 'ちょうどそれをタイプイン’するアプローチ)同様にあなたが望むなら_n_分のステップに制限するように設定することができます。 それはかなりカスタマイズ可能で、ローカライゼーションと他の様々な設定をサポートします。私はそれをいくつかのプロジェクト/デモサイトでうまく使いました。


0


私は平易な言葉の入力が大好きです(先日それについて話題がありました)。 私は37signalsバックパックカレンダーがあなたがものをタイプすることを可能にする方法が好きです(08/12 3pm tomとの会談)。 私は彼らが彼らのリマインダーシステムで時間を処理する方法も好きです(彼らは今日の後半、明日の朝のようなオプションをあなたに与えます)。


0


Googleカレンダーのアプローチが一番良いと思います。 テキストボックスを使用しますが、JavaScriptを使用して、時間を選択するためのドロップダウンのようにします。 jQueryのよいデモがhttp://labs.perifer.se/timedatepicker/にあります。

私はまだこれを私のサイトに実装していないので100%確実というわけではありませんが、こちらのjQueryプラグインからのコードも必要です。http://www.texotela.co.uk/code/jquery/timepicker/

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