Jquery日历插件不起作用答案

【问题标题】：Jquery calendar plug in not workingJquery日历插件不起作用
【发布时间】：2012-01-25 21:56:20
【问题描述】：

我正在使用JDPicker 插件，但这不起作用。

我在 head 标签中添加了这三个标签：

     <script type ="text/javascript" src="jquery.js"></script>
     <script type ="text/javascript" src="jquery.jdpicker.js"></script>
     <link rel="stylesheet" href="jdpicker.css" type="text/css" media="screen" />

然后在正文中添加以下代码：

 <input type="text" name="your_input" class="jdpicker" />
 <input type="hidden" name="your_input_2" class="jdpicker" />

我可以看到文本框，但是当我单击时，没有弹出日历。我什至希望在选择特定日期时将日期分配给变量。

【问题讨论】：

您是否看到任何 javascript 错误..？
你为什么不试试 JQuery UI jqueryui.com/demos/datepicker 已经提供的日期选择器。这真的不会给你带来麻烦，而且会很好！

标签： jquery jquery-plugins datepicker

【解决方案1】：

我尝试在本地实现它，它在我这边有效。这是我使用的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type ="text/javascript" src="jquery.jdpicker.js"></script>
    <link rel="stylesheet" href="jdpicker.css" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $('#test1').jdPicker();
        });
    </script>
</head>
<body class='default'>
   <input class="jdpicker" style="width: 200px; height: 25px;" id="#test1" />
</body>
</html>

【讨论】：

：它在我的 facebook iframe 应用程序上不起作用，我如何获得选定的值。

【解决方案2】：

您必须先加载它，如上一篇文章中所述。我还推荐JQuery UI Datepicker 作为替代方案

【讨论】：

【解决方案3】：

我有一个更好的答案给你。您确实直接复制粘贴了网站中给出的上述内容，但您是否看到是否真的添加了JQuery。我没有找到任何名为 jquery.js.

这意味着您的项目没有 JQuery：下载提及的 .js 文件，将其包含在您的项目中，它就会工作。更改外部 JS 的第一行并将其指向下载的 JQuery 文件。

我建议你试试JQuery UI datepicker

会有帮助的

【讨论】：

【解决方案4】：

您还需要添加以下内容：

<script type="text/javascript">
$(document).ready(function() {
  $('.jdpicker').jdPicker(); 
});
</script>

希望对你有帮助

【讨论】：