Как я могу выбрать диапазон времени, когда некоторые времена не разрешены?

Question

Мне нужен какой-то элемент управления, который позволит пользователю на мобильном устройстве выбирать из доступных диапазонов времени в течение 24-часового периода для менеджера по бронированию.

Например, допустим, диапазон начинается с8:00 утра.Пользователь не может арендовать пространство с 10:00 до 12:00 (полдень) и не может арендовать пространство с 15:00 до 18:00.Таким образом, некоторые действительные диапазоны аренды могут быть следующими:

• 8: 00 утра - 9:00 утра
• 8: 00 утра - 10:00 утра
• 12: 00 вечера - 3:00 вечера
• 1: 00 вечера - 3:00 вечера * 10101 *
• 6: 00 вечера - 7:00 вечера * 10101

Вы поняли.

Проблема в том,что мне нужно отобразить пользователю, какой диапазон времени уже занят, и позволить ему выбрать диапазон времени из доступных временных интервалов.Мой начальник предложил использовать ползунок диапазона (например, jQuery one или Telerik one ), но ни один из найденных мною вариантов не поддерживает этот вариант использования.

Я должен отметить, что мой босс действительно хотел бы видеть это как «временную шкалу» из-за отсутствия лучшего слова, где две полосы ползунка представляют диапазон, а линия ползунка окрашена в красный или зеленый цвет в зависимости от того,доступны.

Есть предложения?Имейте в виду, что это на мобильном устройстве с использованием ASP.NET MVC3.

Answer 1

Что вы можете сделать, это динамически загрузить значения с помощью ajax, когда ваш элемент управления имеет фокус, и заполнить этот элемент управления полученными значениями. Кроме того, вы можете использовать атрибут Remote, который будет проверять выбор по доступным часам, когда пользователь делает выбор, просто чтобы быть уверенным, что другой пользователь не сделал резервирование на выбранное время (чтобы вы могли избежать столкновения времени ).