Jquery 找一个时间选择器

我正在使用ASP.NET MVC 4，我需要在视图中显示类似于此时间选择器的日期时间，类似于第一个日期时间选择器，并且没有am或pm时间：

我不想使用bootstrap，因为我需要修复我所有的css，当我把它放在我的项目中时，旧的css不能很好地工作，因为新的css有一些共同的id或html标记。我可以使用Jquery，但我不知道有任何插件可以做同样的事情，记住，我不想显示日历，只想显示时间间隔，例如1h:02m

---

或者1:02，就我个人而言，对于日期/时间要求，我更喜欢时间选择器！

---

我面临的唯一问题是无法使用独立的timepicker.js，我必须使用整个kendoweb.js。它有很多预装主题的好文档

google搜索jquery timepicker会返回许多结果。你看过其他人吗？最终，您可能会设计自己的模式弹出窗口，使其工作并查找您的需求。显示持续时间意味着什么？提供示例输出我再次编辑了答案我知道你在回答自己的问题，所以你知道这有什么帮助。但是如果你解释一下这段代码是如何解决你的问题的，对其他人会更有帮助。我只需要一个控件来显示一个时间选择器，就像bootstrap ui一样。此示例包括timepicker.js和cssin部分样式。开始时间是显示要选择的时间的第一个选项，小时00:00和结束时间是06:30，显示24小时选项隐藏在控件am和pm格式中，步骤：3表示控件将使所有小时与以前的格式保持0.3分钟的差异。顺序如下：00:00:03 00:06。。。。06:27 06:30

https://github.com/perifer/timePicker/blob/master/index.htm

 @Scripts.Render("~/Scripts/jquery.timePicker.js")

    <script type="text/javascript">
        jQuery(function ()
        {
            // Default.
            $("#time1").timePicker(
                {
                    startTime: "00.00",
                    endTime: new Date(0, 0, 0, 6, 30, 0),
                    show24Hours: true,
                    separator: ':',
                    step: 3
                }
            );
        })
    </script>

@section styles{
    @Styles.Render("~/Content/timePicker.css")
}