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

Posted 2023-05-09

【中文标题】在 MVC Web 应用程序中包含 Jquery 时间选择器的步骤

【英文标题】：Steps to include Jquery timepicker in MVC Web Application

【发布时间】：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文件没有包含在项目中..如何包含它们？

【参考方案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下载