jquery - 時間範囲を選択するためのユーザー インターフェイスを探しています

Question

ユーザーが 1 ～ 24 時間の範囲でタイムスロット (例: 6 ～ 8 時間) を選択できるようにする、Web サイトのユーザー インターフェイスが必要です。一部の時間範囲は、予約されている可能性があるため選択できません (例: 7 ～ 9 時間)。そのため、ユーザーは利用可能な時間範囲からのみ選択できます。jquery スライダーは素晴らしいと思いましたが、方法が見つかりませんでしたスライダー範囲の間のいくつかの範囲をブロックします。私が探しているものを達成する簡単な方法はありますか?

ありがとう、ラヴィ

Answer 1

個人的には、これを行うための最もユーザー フレンドリーな方法は、実際にカレンダー スタイルのビューをユーザーに表示し、特定の期間が利用可能かどうかを色で示すことだと思います。

ユーザーが時間枠をクリックして開始時刻を指定できるようにします。ユーザーがこの会議/予定の期間をカスタマイズする必要がある場合は、コンボ ボックスを使用して期間を指定するように依頼してください。