Question

我是初学程序员，我正在尝试制作一个显示JQuery内联日期和时间选择器的网页。在我研究的过程中，我发现了这个文档：DateTimePicker。我按照以下步骤使用这些标记首先导入JS和CSS文件（在关闭正文标记之后）：

datetimepicker

关注这些标记后，我从我的 Home.html 文件中调用$('#datetimepicker').datetimepicker({ inline:true });，其ID为<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Home</title>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css">  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.js"></script> <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> <script src="//code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <h3>Inline DateTimePicker</h3> <input type="text" id="datetimepicker"/><input type="button" onclick="$('#datetimepicker3').datetimepicker({value:'2011/12/11 12:00'})" value="set inline value 2011/12/11 12:00"/><br><br> </body>   <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ > <script src="./jquery.js"></script> <script src="./jquery.datetimepicker.js"></script> <script> $('#datetimepicker').datetimepicker({ inline:true }); </script> </html>。然后使用该id，我复制了创建Inline DateTime Picker Calendar的教程中的代码，如下所示：

TypeError: 'undefined' is not a function (evaluating '$('#datetimepicker').datetimepicker({
    inline:true
  })')

所以我的 Home.html 文件如下所示：

removeObject:forKey:

但是，当我运行此代码时，我收到一条错误消息：

saveInBackground

这是显示的内容：

这就是我要显示的内容：

如何在 Home.html 页面上显示内联日历？

Answer 1

我遇到了同样的问题，如果从XDSoft site

下载源代码

有build文件夹，请尝试使用build文件夹中的 jquery.datetimepicker.full.js 文件。

Answer 2

不要在jQuery版本之间混淆。你首先在这里引用了jQuery：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

然后你在这里做：

<script src="./jquery.js"></script>

请删除一个。由于较新的jQuery将处于活动状态，并且没有注册插件。

Answer 3

您需要包含jquery-ui.js

Answer 4

放

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >    
<script src="./jquery.datetimepicker.js"></script>

在您的<head></head>代码之间删除

<script src="./jquery.js"></script>

如何使用JQuery DateTime Picker？

4 个答案: