2012-05-05 97 views
2

我尝试了一切,但Jquery UI日期选择器不显示。Jquery UI Datepicker不工作

这里是我的代码

HEAD

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" /> 
<script type="text/javascript" src="script/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="script/jquery-ui-1.8.19.custom.min.js"></script> 

HTML

<input type="text" id="date" name="date"/> 

<script> 
$("#date").datepicker(); 
</script> 

什么我做错了?。

谢谢。

我只是发现了问题: 的jQuery-UI-1.8.19.custom.min.js似乎有一个错误,因为它不使用jQuery-1.7.1.min.js工作。 我重新从Jquery下载了这些文件,他们现在是: jquery-1.7.2.min.js jquery-ui-1.8.20.custom.min.js 现在的日期选择器工作得很好。 PD。我有删除这个问题,或者可能会让其他人知道这一点。 感谢您的回答和时间。

+0

该代码本身似乎就罚款。你的网页上是否有其他代码?您的JavaScript和CSS文件的路径是否正确? – j08691

+0

不,只是HTML和PHP ..没有其他的javascript代码..所有的路径都在工作...这就是为什么我不明白我在做什么错...我在Chrome中也测试过,没有任何事情发生... –

回答

0

你需要把这段代码中运行此代码:

$(function(){ 
    $('#date').datepicker();  
}); 

否则将无法正常工作。在应用日期选择器功能之前,等待您的DOM完全加载。

+0

If这些脚本是OP所说的,并且实例化日期选择器的调用在他调用它的元素之后,它应该可以正常工作,而无需使用doc.ready。 – j08691

+0

在发布这个问题之前,我尝试过这样做。它不起作用..我变得疯狂的人。 –

0

您可能需要的文件准备功能

<script>  
$(document).ready(function() { 
    $('#date').datepicker(); 
}); 
</script> 
+0

如果脚本与OP所说的一样头痛,并且实例化datepicker的调用位于他所调用的元素之后,它应该可以正常工作,而无需使用doc.ready。 – j08691

+0

正确,也只是一个建议,如果其他的东西没有用 –