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

Asp.net MVC中数量小时段的时间选择器,asp.net,asp.net-mvc,datepicker,timepicker,Asp.net,Asp.net Mvc,Datepicker,Timepicker,我需要在asp.net mvc中创建一个控件,允许用户选择上午7点到下午7点之间的任意时间,并使用四分之一小时分段。i、 e.用户可以选择: 早上7点 上午7:15 上午7:30 上午7:45 上午八点 上午8:15 .... .... 下午7:00 目前我有一个下拉列表,其中包括一个选择列表,每个时间段都有相应的条目。只是想知道是否有人知道一个更干净或更好的用户界面体验 提前感谢您可以处理此问题。它默认为每半小时间隔一次,但也可以,例如15分钟。它与他们的日期选择器集成,以防您需要一个组合的日

我需要在asp.net mvc中创建一个控件,允许用户选择上午7点到下午7点之间的任意时间,并使用四分之一小时分段。i、 e.用户可以选择:

早上7点 上午7:15 上午7:30 上午7:45 上午八点 上午8:15 .... .... 下午7:00

目前我有一个下拉列表,其中包括一个选择列表,每个时间段都有相应的条目。只是想知道是否有人知道一个更干净或更好的用户界面体验

提前感谢

您可以处理此问题。它默认为每半小时间隔一次,但也可以,例如15分钟。它与他们的日期选择器集成,以防您需要一个组合的日期时间选择器

这是一个下拉列表,就像你的一样,但他们的东西上往往有很多炫酷的chrome,所以你可以在其他显示格式中配置它


我相信Telerik MVC控件可以免费下载和使用,但如果需要支持,您必须付费。

我建议您寻找JQuery插件:。 它易于设置,使用简单,而且看起来很棒

为了便于访问,请将此代码放入部分的布局视图中:

<script type="text/javascript">
    $(function() { 
        $('.timepicker').live('mousedown', function () {
            $(this).timepicker({
                stepMinute: 15,
                hourMin: 7,
                hourMax: 19
            });
        });
    });
</script>
另一个JQuery选项是。我不像第一个那样喜欢它,但它仍然是一个不错的选择。

如果你想要一个日期/时间选择器组合。
@Html.TextBoxFor(m => m.Time, new { @class = @"timepicker" })