Javascript DatePicker不能正常工作

我無法讓jquery的日期選擇器在我的頁面上工作。如果有人想要更多的細節，我有一個關於codecall的論壇帖子。這裏有一個鏈接http://forum.codecall.net/topic/70462-copy-and-paste-date-picker-javascipt/。這是我的代碼與此頁面相關聯。當我點擊文本字段時，datepicker不顯示。爲什麼？任何人都可以看到問題嗎？Javascript DatePicker不能正常工作

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="Stylesheet" /> 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script> 
$(function() { 
$("#start_date").datepicker(); 
}); 
$(function() { 
$("#end_date").datepicker(); 
}); 

<div id="dateField"> 
<p> 
Start Date: <input type="TEXT" 
name="start_date" id="startDate" 
value="" /> 
</p> 
<p> 
End Date: <input type="TEXT" 
name="end_date" id="endDate" 
value="" /> 
</p> 
<small>Dates Should be in the format DD/MM/YYYY</small> 
</p> 
</div>

來源

2012-06-25 Andy McCall

您的id是'startDate'和'endDate'，而不是'start_date'和'end_date'。解決這個問題，它工作。 http://jsfiddle.net/2dVC3/ P.S.將腳本放在'

包裝你jQuery UI的日期選擇器代碼在<script>標籤，並將其標記爲與類型屬性的JavaScript。爲您的兩個datepicker調用使用單個文檔就緒塊。確保您使用的是元素的正確ID。

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#startDate").datepicker(); 
     $("#endDate").datepicker(); 
    }); 
</script>

來源

2012-06-25 19:45:53

'$（function（）{'是'$（document）.ready（function（）{'。的簡寫.'' –

type屬性在HTML5中是可選的:-) –

不確定這些註釋可以嚴格地消除我對這個問題的答案。最大的問題是jQuery代碼甚至不在腳本塊中，第二個問題是我們甚至不確定他在這裏的HTML5文檔中，第三，你不想在這個上下文中有兩個文檔就緒塊。這個問題顯示貨運信息的標誌，所以使用/鼓勵簡寫對於OP來說沒有用處 –

相關問題