jquery Datepicker不工作

jquery Datepicker不能在我的代码中工作。jquery Datepicker不工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 


<link rel="stylesheet" type="text/css" href="static/css/start/jquery-ui-1.8.16.custom.css"/> 
    <script type="text/javascript" src="static/js/jquery-1.6.2.min.js"></script> 
    <!-- here are others script i use --> 
    <script type="text/javascript" src="static/js/date.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.core.js"></script> 
<script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script> 



</head> 


    <body> 
    <div id="mainHome" > 
     <!-- bla bla more code... --> 

     <div id="content"> 

     <h1>Add new project</h1> 

     <form action="" id="form2"> 
       <table> 
     <tr> 
     <td class="right">Project Title</td> 
     <td><input type="text" class="textproject" name="projecttitle"/></td> 
     </tr> 
     <tr> 
     <td class="right">Acronym</td> 
     <td><input type="text" class="textproject" name="acronym"/></td> 
     </tr> 
     <tr> 
     <td class="right">Start date</td> 
     <td><input id="datepicker" type="text" class="textdate" name="startdate" /></td> 
     </tr> 
     <tr> 
     <td class="right">End date</td> 
     <td><input type="text" class="textdate" name="enddate" /></td> 
     </tr> 
     <tr> 
     <!-- other html code --> 
     </table> 
     </form> 


     </div> 

     <--! other html code --> 
     </body> 
     </html>

我没有把所有的代码。在文件的.js称为date.js我有：

$(document).ready(function() { 

     $("#datepicker").datepicker(); 
    });

我什么都试过，但我仍然无法正常工作！

编辑：我明白是什么问题。除了使用日历库以外，我还使用库来实现叠加效果。取决于我如何包含这些文件的顺序，或者一个或另一个但不能一起工作。这是代码：

<script type="text/javascript" src="static/js/jquery-1.6.2.min.js"></script> 
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js">/script> 
<script type="text/javascript" src="static/js/jquery-ui-1.8.16.custom.min.js"></script> 
    <script type="text/javascript" src="static/js/date.js"></script>

来源

2011-09-08 Giovanni

在任何浏览器中打开了开发工具/萤火您正在使用，并检查错误控制台。我还注意到名称和ID在输入字段上不匹配。 – dave

浏览器是否报告可疑错误？你有一个我们可以查看的实时网址吗？ – jribeiro

姓名和身份证不必匹配... – jribeiro

您的脚本命令包括是错误的。

先放jQuery，然后放jQuery UI Custom，然后放上UI core，然后放上datepicker，然后把你的JS文件包含所有需要的逻辑。

然后它应该工作。

没有冒犯，但是不是使用了一点过时的jQuery版本吗？截至目前，jQuery datepicker是一个与UI捆绑在一起的jQuery UI组件。如果你用日期选择器嵌入下载了最新的jQuery UI库，并且你仍然在尝试使用其他一些日期选择器脚本，那么你也可以在函数名称（datepicker）上产生冲突。

来源

2011-09-08 16:48:11 Artis

您需要重新排列脚本标记。从这个修改脚本标记的顺序：

<script type="text/javascript" src="static/js/date.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script>

这个

<script type="text/javascript" src="static/js/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script> 
    <script type="text/javascript" src="static/js/date.js"></script>

来源

2011-09-08 16:49:23

我已下载最新版本并更改了顺序。现在我有：，但它仍然不起作用 – Giovanni

您使用Jquery UI的自定义下载....您是否包含datepicker？ –

是...核心和日期选择器 – Giovanni

jquery Datepicker不工作

回答

相关问题