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不工作

回答

相關問題