2012-02-10 91 views
0

我需要某种控制,使移动设备上的用户可以在24小时内从预定管理器的可用时间范围中进行选择。如何在不允许的情况下选择时间范围?

例如,假设范围从上午8:00开始。用户不能在上午10:00至中午12:00(中午)之间租用该空间,并且不能在下午3:00至下午6:00之间租用该空间。因此,一些有效的租赁范围是:

  • 上午8:00 - 9:00
  • 上午8:00 - 10:00
  • 下午12:00 - 3:00
  • 下午1:00 - 3 :00
  • 下午6:00 - 下午7:00

你的想法。

问题是我需要向用户显示哪个时间范围已被占用,并允许他们从可用时间段中选择一段时间。我的老板建议使用范围滑块(如the jQuery onethe Telerik one),但我发现的这些滑块似乎都不支持这种用例。

我应该注意到,我的老板真的很希望看到这是一个缺乏更好单词的“时间线”,其中两个滑动条代表范围,滑块线颜色为红色或绿色,取决于时间是否可用。

有什么建议吗?请记住,这是在使用ASP.NET MVC3的移动设备上。

回答

0

你可以做的是当你的控件拥有焦点并使用接收到的值填充该控件时,使用ajax动态加载这些值。另外,您可以使用Remote属性,该属性将根据用户选择时的可用小时数来验证选择,以确保另一个用户未在所选时间内进行预留(以便避免时间冲突)。