Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当初始屏幕工作时,如何使用XD datetimepicker显示日历?_Javascript_Jquery - Fatal编程技术网

Javascript 当初始屏幕工作时,如何使用XD datetimepicker显示日历?

Javascript 当初始屏幕工作时,如何使用XD datetimepicker显示日历?,javascript,jquery,Javascript,Jquery,我正在尝试使用XD DateTimePicker来显示日历,在链接处使用代码作为参考。标题是“内联DateTimePicker示例”。但是,尽管每个按钮都出现了,日历还是不起作用 下面是我使用Javascript的代码: $(function() { $('.datetimepicker3').datetimepicker({ inline:true } ; }) HTML: 下面是我的当前结果的图片: 如果您能告诉我如何管理它,我将不胜感激。您使用的是类而不是ID来选择

我正在尝试使用XD DateTimePicker来显示日历,在链接处使用代码作为参考。标题是“内联DateTimePicker示例”。但是,尽管每个按钮都出现了,日历还是不起作用

下面是我使用Javascript的代码:

$(function() {
  $('.datetimepicker3').datetimepicker({
    inline:true
  } ;
})
HTML:


下面是我的当前结果的图片:


如果您能告诉我如何管理它,我将不胜感激。

您使用的是类而不是ID来选择日历条。应该是

$('#datetimepicker3').datetimepicker({inline:true})

您需要在HTML标记中包含该ID,例如:


不要忘记在日期时间选择器库之前包含JQuery


您使用的是类而不是ID来选择日历条。应该是

$('#datetimepicker3').datetimepicker({inline:true})

您需要在HTML标记中包含该ID,例如:


不要忘记在日期时间选择器库之前包含JQuery


当你把它放在一个准备好的文件里有什么区别吗?例如:

$(document).ready(function()
{
$('.datetimepicker3').datetimepicker({
    inline:true
  } ;
});
我觉得您试图在代码准备就绪之前运行代码,这意味着它无法正常工作


正如其他人所说,适当的代码预览也会有所帮助。

当您将其放入doc ready中时,会有什么不同吗?例如:

$(document).ready(function()
{
$('.datetimepicker3').datetimepicker({
    inline:true
  } ;
});
我觉得您试图在代码准备就绪之前运行代码,这意味着它无法正常工作


正如其他人所说,适当的代码预览也会有所帮助。

我很抱歉打扰你们。最后我用codepen表达了我目前的处境。事情是这样的

HTML:


我不能在这个文本区域中添加代码笔链接吗?我试过了,但是不行。所以,我写下了我的代码目录。

很抱歉打扰你们。最后我用codepen表达了我目前的处境。事情是这样的

HTML:


我不能在这个文本区域中添加代码笔链接吗?我试过了,但是不行。所以,我写下了我的代码目录。

我们没有足够的信息来帮助您。提供您的HTML和JS。如果可以,创建一个JSFIDLE或CodePen示例。欢迎使用堆栈溢出。你不必在标题中使用“Q:”前缀,你点击“提问”按钮后键入的所有内容都被认为是这样的。我很抱歉打扰你们。最后我用codepen表达了我目前的处境。事情是这样的。我们没有足够的信息来帮助你。提供您的HTML和JS。如果可以,创建一个JSFIDLE或CodePen示例。欢迎使用堆栈溢出。你不必在标题中使用“Q:”前缀,你点击“提问”按钮后键入的所有内容都被认为是这样的。我很抱歉打扰你们。最后我用codepen表达了我目前的处境。事情是这样的。感谢您的快速评论。我按照您指出的那样修改代码。但结果并没有改变。不过谢谢你。我刚才分享了我的代码。如果可以的话,请检查一下。谢谢。@RyoheiDeIwata这似乎是图书馆的一个错误。如果您删除了
内联
选项,它工作正常,请检查:非常感谢。我看到了你做的。我的观点是,当屏幕初始屏幕打开时,日历已经显示。谢谢。谢谢你的快速评论。我按照您指出的那样修改代码。但结果并没有改变。不过谢谢你。我刚才分享了我的代码。如果可以的话,请检查一下。谢谢。@RyoheiDeIwata这似乎是图书馆的一个错误。如果您删除了
内联
选项,它工作正常,请检查:非常感谢。我看到了你做的。我的观点是,当屏幕初始屏幕打开时,日历已经显示。谢谢。谢谢你的评论。我试着用你说的话。但是,它不起作用。所以,我现在分享了我的代码。如果你能查一下并提一下,我会很高兴的。谢谢。谢谢你的评论。我试着用你说的话。但是,它不起作用。所以,我现在分享了我的代码。如果你能查一下并提一下,我会很高兴的。谢谢
<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.datetimepicker.full.min.js"></script>
<input type="text" id="datetimepicker3">
<script type="text/javascript" src="xd.js"></script>
jQuery('#datetimepicker3').datetimepicker({
format:'d.m.Y H:i',
inline:true
});