Asp.net MVC中的數小時段的時間選擇器

Question

我需要在asp.net mvc中創建一個控件，允許用戶選擇時間在上午7點至晚上7點之間的任何時間段，即用戶可以選擇：

上午7:00 上午7:15 上午7:30 上午7:45 8:00 上午8:15 .... .... 下午7:00

當前我有一個下拉菜單，其中包含一個選擇列表，其中包含每個時間段的條目。只是想知道是否有人知道爲用戶提供更清潔和/或更好的UI體驗。

在此先感謝

Answer 1

我建議你看看JQuery插件：Timepicker。 設置簡單，使用簡單，看起來很棒。

爲了方便訪問把這段代碼到你的佈局圖的部分：

<script type="text/javascript"> 
    $(function() { 
     $('.timepicker').live('mousedown', function() { 
      $(this).timepicker({ 
       stepMinute: 15, 
       hourMin: 7, 
       hourMax: 19 
      }); 
     }); 
    }); 
</script> 

在你看來是這樣的：

@Html.TextBoxFor(m => m.Time, new { @class = @"timepicker" }) 

是另一個jQuery選擇是Timepickr。我不喜歡它的第一個，但它仍然是一個不錯的選擇。

Answer 2

的Telerik DateTime Picker可以處理這個問題。它默認爲每半小時一次，但您可以configure it to display any interval you want，比如15分鐘。它與日期選擇器集成在一起，以防您需要組合的日期時間選擇器。

這是一個下拉式列表，與您的一樣，但他們往往會在自己的東西上有很多奇妙的色彩，所以您可以使用其他顯示格式進行配置。

我相信Telerik MVC控件可以免費下載和使用，但是如果您需要支持，您必須付費。