使用jquery开始和结束时间

Question

我需要在我的asp.net MVC应用程序中输入开始日期，开始时间，结束日期和结束时间。日期字段是文本框，时间字段是下拉列表。

如何使用jquery填充时间下拉列表。？

此外，我还需要限制用户选择无效的时间段。例如：当用户在开始时间下拉菜单中选择上午9:00时，结束时间不应该是当天的上午8:00。 即用户不应选择比开始时间短的结束时间。

Answer 1

要选择日期，您可以尝试使用Date Range picker

Answer 2

您可以仅使用文本框进行时间输入，并将其与jQuery Mask plugin（即“99:99”）和使用custom regex validator插件的this jQuery Validator结合使用。自定义验证器不仅可以确保为时间指定的值是有效时间，而且结束时间大于开始时间（如果您使用24小时更容易）。