使用 JQuery Datepicker [关闭]答案

【问题标题】：Use JQuery Datepicker [closed]使用 JQuery Datepicker [关闭]
【发布时间】：2013-04-03 22:57:15
【问题描述】：

如何在使用 iframe 的网页中使用 jQuery Datepicker？我应该在哪里链接 css 和脚本参考？

【问题讨论】：

与在 html 页面中使用它的方式相同。 iFrame 与否，javascript 是相对于使用日期选择器的文件。
编辑了对 ColdFusion 的引用，因为您的问题是关于生成的 HTML，而不是用于生成 HTML 的服务器端语言。

【解决方案1】：

使用 iframe 或非框架页面没有区别。

假设您的根文件夹中有一个用于 javascript 的 JS 文件夹，并且在您的根文件夹中有一个 CSS 文件夹，其中复制了相应的文件。这将是一个基本示例：

<html>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.datepicker.js"></script>
<script type="text/javascript" src="/css/datepicker.css"></script>
<script>


$(document).ready(function(){

    $("#yourDateField").datepicker();
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<form>
  <label for="yourDateField">Date Field</label>
  <input type="text" name="yourDateField" id="yourDateField">

</form>


</body>
</html>

【讨论】：