jquery-ui之jQuery datepicker 不能像宣传的那样工作

tuyile006 阅读:15 2024-10-01 17:34:08 评论:0

问题:日期选择器根本不显示。控制台中没有错误。所有文件都包含在内并可通过 Firebug 访问。

在花了太多时间试图让 jQuery UI 日期选择器工作之后,其中包括阅读了数十个 Google 结果,我需要你的帮助。即使是最简单、简单、直接的日期选择器实现也不适合我。

我正在测试的当前示例(除了日期选择器之外什么都没有):

<html> 
<head> 
<meta charset="UTF-8"> 
<title>DatePicker Test</title> 
 
<!-- JavaScript --> 
<script type="text/javascript" src="../js/jquery/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.19.custom.min.js"></script> 
<!--script type="text/javascript" src="../js/jquery/jquery.ui.datepicker.js"></script--> 
 
<!-- Stylesheets --> 
<link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.19.custom.css" /> 
 
<script type="text/javascript"> 
$(function() { 
    $( "#datepicker" ).datepicker(); 
}); 
</script> 
</head> 
 
<body> 
<div><input type="text" id="datepicker" class="hasDatepicker" /></div> 
</body> 
</html> 

这行不通。我已经下载了整个 jQuery UI 代码 (jquery-ui-1.8.19.custom.min.js) 并尝试了一切。我什至尝试将一个简单的日期选择器字段添加到 jQuery UI 附带的演示 HTML 页面。什么都没有。

然后我下载了 jQuery UI 的开发人员包,并尝试使用 jQuery 的 datepicker.js,但还是失败了。

因此,虽然我没有收到任何错误,而且我可以在代码中看到我的选择器,并通过从控制台调用它,但我只是一无所获。

然后我尝试了在多个论坛帖子中发布的大量 CSS 修改,将我的 JavaScript 从顶部移到了底部,在 datepicker 之后。 . .和各种突变,但没有任何效果。

是我吗?

当然,其他人可以使用datepicker插件,我做错了什么?

请您参考如下方法:

嘿,所以我调查了你的问题。我建议删除输入中对我有帮助的类声明。还要确保您的脚本链接正确。您目前要求他们从当前页面之前的文件夹中提取。如果page和css/js文件夹在同一个目录下可以去掉前面的“../”。

<input type="text" id="datepicker" /> 

FireFox 中一个有用的附加组件是 Web Developer tools


标签:jquery
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号