0

我是 JQuery 的初学者（我对这个框架一无所知）。

我最近发现了一个使用 JQuery 显示日历或小时的代码，非常酷。

如何使用此代码？

按照链接到我试图在我的系统中实现的代码（使用 Razor WebMatrix）

http://trentrichardson.com/examples/timepicker/

4

2 回答 2

2

只需包含必要的脚本和样式引用，然后连接组件即可。在这种特殊情况下：

  1. <head>在您的页面中包含 jQuery 引擎核心脚本。使用可用的最新版本（当前为 1.5）。示例页面中的脚本使用 jQuery 1.4.4：

    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>

  2. 还包括 jQuery UI 核心脚本（版本相同）：

    <script type="text/javascript" src="jquery-ui-1.8.6.custom.min.js"></script>

  3. 包括插件脚本：

    <script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

  4. 不要忘记引用插件 UI 元素样式：

    <link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css">

  5. 将插件与将充当日历触发器的文本框元素连接起来。该示例使用<input type=text>的 ID 为example1：

    $('#example1').datetimepicker();

这些是这种特殊情况的一般步骤！jQuery 提供了更多功能，利用它可能需要其他设置。但是您选择的示例是一个很好的起点：它有用且易于理解。蟒蛇...

于 2011-02-23T18:07:04.870 回答
1

您需要在 html 中引用 JQuery 核心库，您可以通过 CDN（例如 Google 的 CDN）或下载 .js 文件来引用这些库。如果您只想使用 Google 的 CDN，这里是 jQuery js 文件的链接：

https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js

接下来下载该 jQuery 插件所需的 .js 和任何其他文件，并在您的 html 中引用它们。

按照网站上的示例，然后将日历添加到您的 html。

另外，请在此处阅读 JQuery -> http://docs.jquery.com/Main_Page

祝你好运。

于 2011-02-23T18:01:05.000 回答