有没有JQuery时间插件可以在ASP.NETMVC页面上选择时间？

我有一个ASP.NET页面，用户需要在其中选择时间段，如太平洋标准时间上午10:00，太平洋标准时间上午10:15。。。。以15分钟的恒定间隔进行etc

使用JQuery日期选择器，我们只能选择日期

我想知道是否有适合时隙的JQuery插件

感谢您的回复。

很不错-我在最近的一个项目中使用了这个插件。

也有一个很好的插件

作为额外的奖励，你可以为你的网站定制一个主题。然后，所有UI组件都将具有相同的外观

最简单的是使用 但是我在jQuery验证程序和jQuery时间选择器方面遇到了一些兼容性问题，希望您不要同时使用这两个工具

但是如果你这样做了，我使用了另一个插件，它强制用户输入一个隐藏的输入

事实上，我更喜欢这个，因为您可以继续填写表单，而不必移动鼠标从菜单中选择所需的时间

我用这个自定义规则验证了jQuery中的时间

// custom rule for time fields
jQuery.validator.addMethod("time", function(value, element) {
    var hh = value.toString().substring(0, 2);
    var mm = value.toString().substr(3, 2);
    return this.optional(element) || ((parseFloat(hh) > 0 && parseFloat(hh) <= 12) && (parseFloat(mm) > 0 && parseFloat(mm) <= 59));
}, "Please enter a valid time");

编辑：添加舍入法以获得00、15、30、45分钟

$(".time").blur(function() {
    var value = $(this).val();
    var hh = value.toString().substring(0, 2)
    var mm = parseFloat(value.toString().substr(3, 2));

    if (mm > 0 && mm <= 15) { $(this).val(hh+":15"); return; }
    if (mm > 15 && mm <= 30) { $(this).val(hh+":30"); return; }
    if (mm > 30 && mm <= 59) { $(this).val(hh+":45"); return; }

   $(this).val(hh+":45"); // if 00
});

---

你有实际控制的链接吗？我现在不相信timepicker是一个正式的jQueryUI控件。@Justin-我没有与实际控件的链接。对正如您提到的，TimePicker不是正式的jQueryUI控件。我试图用时间选择器实现这个功能，但是我遇到了错误。让我再试一次。我想知道我们是否可以限制用户输入值，例如00、15、30、45来代替分钟。您可以编写一个jquery代码，将用户提交的字段更改为最接近的15、30、45。向模糊事件添加一个处理程序，您想让我为您编写一个示例吗。我遇到了错误。我所做的只是，我已经下载并在项目和我的页面上添加了引用。我使用了语法$'TimeSlot'。timepicker；我得到了一些未知的错误。