Asp.net MVC中数量小时段的时间选择器

Question

我需要在asp.net mvc中创建一个控件，允许用户选择一个时间在上午7点到下午7点之间的任何地方的一刻钟片段。即用户可以选择：

上午7:00上午7:15上午7:30上午7:45上午8:00上午8:15 ...……晚上7:00

目前，我得到了一个下拉列表，它由一个选择列表组成，每个单独的时间段都有条目。只是想知道是否有人知道更干净或更好的用户界面体验。

提前感谢

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控件可以免费下载和使用，但如果你想要支持，你必须付费。