Asp.net MVC 中 Qty Hour 段的时间选择器

Posted 2023-05-07

【中文标题】Asp.net MVC 中 Qty Hour 段的时间选择器

【英文标题】：Time Picker for Qty Hour Segments in Asp.net MVC

【发布时间】：2012-03-29 10:55:15

【问题描述】：

我需要在 asp.net mvc 中创建一个控件，该控件允许用户选择上午 7 点到晚上 7 点之间的任何时间，其中包含四分之一小时段。即用户可以选择：

上午 7:00 早上 7 点 15 分 早上 7 点 30 分 早上 7 点 45 分 8:00 AM 上午 8 点 15 分 …… …… 晚上 7:00

目前，我有一个下拉列表，其中包含一个选择列表，其中包含每个时间段的条目。只是想知道是否有人知道为用户提供更干净或更好的 UI 体验。

提前致谢

【问题讨论】：

trentrichardson.com/examples/timepicker 如果你想要一个组合日期/时间选择器。

【参考方案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。我不像第一个那样喜欢它，但它仍然是一个不错的选择。

【参考方案2】：

Telerik DateTime Picker 可以处理这个问题。默认是每半小时一个间隔，但是你可以configure it to display any interval you want，比如你的15分钟。它与他们的日期选择器集成，以防您想要一个组合的日期时间选择器。

这是一个下拉列表，就像你的一样，但他们的东西往往有很多 whiz-bang chrome，所以你可以将它配置为其他显示格式。

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