在 MVC Web 应用程序中包含 Jquery 时间选择器的步骤答案

【问题标题】：Steps to include Jquery timepicker in MVC Web Application在 MVC Web 应用程序中包含 Jquery 时间选择器的步骤
【发布时间】：2015-09-18 02:07:31
【问题描述】：

我想在我的 Razor 视图中添加一个 JQuery TimePicker，我花了两天时间在前端添加 Js 文件和脚本，并在我的 TimePicker 控件中调用 TimePicker 类，但一切都是徒劳的。请告诉我一步一步一步我如何将 TimePicker 添加到我的 Razor View.Following 是我尝试过的代码..

<link rel='stylesheet' type='text/css' href='css/timepicki.css' />
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/timepicki.js'></script>

<script type='text/javascript' src='js/jquery.js'>
    $('#timepicker').timepicki();
</script>

calling TimePicker in my control

  @Html.TextBoxFor(m => m.DueTime, new { @id = "timepicker" })

【问题讨论】：

你能提供你下载的插件链接吗？
没有。哥们我忘记了..请你提供任何其他的
用<script type='text/javascript'> $(function(){ $('#timepicker').timepicki();}); </script>替换<script type='text/javascript' src='js/jquery.js'> $('#timepicker').timepicki();</script>
@Guruparasad Rao 这是我下载的链接senthilraj.github.io/TimePicki/howtouse.html
我已经检查了js和css文件没有包含在项目中..如何包含它们？

标签： javascript jquery asp.net-mvc jquery-plugins timepicker

【解决方案1】：

试试这个：

$(函数(){

$('#timepicker').timepicki();

}

或

$(document).ready(function(){

$('#timepicker').timepicki();

});

希望它有效....

【讨论】：

【解决方案2】：

代码的一些问题： 1）这不是timepicki。将其更改为 timepicker() 2) 无需在 html 助手中提供 id 属性。模型属性本身就是 id。

http://jsfiddle.net/man_luck/w18qmmgt/ JS：

$(document).ready(function(){
        $('#DueTime').timepicker();
});

HTML：

<input class="form-control" id="DueTime" name="DueTime" type="text">

使用：

@Html.TextBoxFor(m => m.DueTime)

【讨论】：

对于一个基本的 jquery datepicker，除了 jquery，你需要的唯一文件是 jquery.timepicker.min.css 和 jquery.timepicker.min.js，你可以从jonthornton.github.io/jquery-timepicker下载