我是JQuery的初学者(我对这个框架一无所知)。
我最近发现了一个使用JQuery显示日历或小时的代码,非常酷。
我该如何使用此代码?
点击我试图在我的系统中实现的代码的链接(使用Razor WebMatrix)
答案 0 :(得分:2)
只需要包含必要的脚本和样式引用,然后连接组件即可。在这种特殊情况下:
在页面的<head>
中包含jQuery引擎核心脚本。使用最新版本(目前为1.5)。示例页面中的脚本使用jQuery 1.4.4:
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
还包括jQuery UI核心脚本(此处的版本相同):
<script type="text/javascript" src="jquery-ui-1.8.6.custom.min.js"></script>
包含插件脚本:
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
不要忘记引用插件UI元素样式:
<link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css">
使用文本框元素连接插件,该元素将充当日历触发器。该示例使用ID为<input type=text>
的{{1}}:
example1
这些是针对这种特殊情况的一般步骤! jQuery提供了更多功能,利用它可能需要其他设置。但是你选择的例子是一个很好的起点:它有用且易于理解。 Boa sorte ......
答案 1 :(得分:1)
您需要在html中引用JQuery核心库,您可以通过CDN(例如Google)或下载.js文件来引用它们。如果你只是想使用Google的CDN,那么这里是jQuery js文件的链接:
https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js
接下来下载.js和该jQuery插件所需的任何其他文件,并在你的html中引用它们。
按照网站上的示例,然后将日历添加到您的HTML。
另外,请在这里阅读JQuery - &gt; http://docs.jquery.com/Main_Page
祝你好运。