如何在不允許的情況下選擇時間範圍？

我需要某種控制，使移動設備上的用戶可以在24小時內從預定管理器的可用時間範圍中進行選擇。如何在不允許的情況下選擇時間範圍？

例如，假設範圍從上午8:00開始。用戶不能在上午10:00至中午12:00（中午）之間租用該空間，並且不能在下午3:00至下午6:00之間租用該空間。因此，一些有效的租賃範圍是：

你的想法。

問題是我需要向用戶顯示哪個時間範圍已被佔用，並允許他們從可用時間段中選擇一段時間。我的老闆建議使用範圍滑塊（如the jQuery one或the Telerik one），但我發現的這些滑塊似乎都不支持這種用例。

我應該注意到，我的老闆真的很希望看到這是一個缺乏更好單詞的「時間線」，其中兩個滑動條代表範圍，滑塊線顏色爲紅色或綠色，取決於時間是否可用。

有什麼建議嗎？請記住，這是在使用ASP.NET MVC3的移動設備上。

你可以做的是當你的控件擁有焦點並使用接收到的值填充該控件時，使用ajax動態加載這些值。另外，您可以使用Remote屬性，該屬性將根據用戶選擇時的可用小時數來驗證選擇，以確保另一個用戶未在所選時間內進行預留（以便避免時間衝突）。

2012-02-10 15:05:03

回答