Question

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

我在头标记中添加了这三个标记：

     <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" />

我能够看到文本框但是当我点击时，没有弹出日历。当我选择特定日期时，我甚至想要一个日期分配给变量。

Answer 1

您还需要添加以下内容：

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

希望有所帮助

Answer 2

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

Answer 3

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

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

相反，我建议你试试JQuery UI datepicker

这会很有帮助

Answer 4

我尝试在本地实现它，它适用于我。这是我使用的代码：

<!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>

Jquery日历插件无法正常工作

4 个答案: