質問
日付を入力するための多くのソリューション(カレンダー、ドロップダウンメニューなど)が存在しますが、「標準」が多すぎるとは思えません。時間(または時間範囲)を尋ねる方法。
個人的には、時間、分、および秒のフィールド(および「AM / PM」フィールドもある)のドロップダウンメニューを試しました。また、いくつかのクロックのような入力デバイスを試しましたが、それらのほとんどは一般的なエンドユーザーにとって使いにくいものです。 「ポップアウト」も試しました。時間選択メニュー45")-しかし、これらの方法は自然に見えません。
これまでのところ、私が見つけた最良の(そして最も普遍的な)方法は、単純なテキストフィールドを使用し、ユーザーに時間、分、秒を手動で入力させることです。または、Outlookの「日中表示」に似たものを作成した良い経験があります。イベントをドラッグアンドドロップして開始時間と終了時間を設定できます。
「最善の方法」はありますかこの情報を求めるには?本当に直感的で使いやすいタイプの時間入力ウィジェットを使用している人はいますか?または、少なくともプレーンテキストボックスを使用するよりも効率的な方法がありますか?
解決
Googleカレンダーのアプローチが最適だと思います。テキストボックスを使用しますが、JavaScriptを使用して、時間を選択するための一種のドロップダウンにします。 jQuery こちらの実装
の優れたデモをご覧ください。私はまだ自分のサイトにこれを実装していないので、100%確信はありませんが、このjQueryプラグインのコードもここに必要だと思います:
http://www.texotela.co.uk/code/jquery/timepicker/
編集
最初に投稿したリンクには、2番目のリンクのコードは必要ありません。それは単にそれに基づいています。例から実際のJavaScriptファイルを取得するには、ページのソースを表示してファイルの場所を見つけるか、URLに直接アクセスします
http://labs.perifer.se/timedatepicker/jquery.timePicker.js
他のヒント
JQueryには、非常に便利な時間入力ツールがあります。標準のテキストフィールドに加えて、「スピナー」タイプのアプローチを提供します。また、調整のためのマウススクロールホイールの使用(および従来の「ちょうど入力する」アプローチ)をサポートし、必要に応じて n 分ステップに制限するように構成することもできます。かなりカスタマイズ可能で、ローカライズやその他のさまざまな設定をサポートしています。いくつかのプロジェクト/デモサイトで使用しました。
私は平易な言語入力の大ファンです(先日、話題がありました)。 37signalsのバックパックカレンダーで入力する方法が気に入っています(08/12 3pmトムとのミーティング)。また、リマインダーシステムで時間を処理する方法も気に入っています(今日の明日、明日の朝のようなオプションを提供します)。