Javascript日期选择器不起作用

我无法让jquery的日期选择器在我的页面上工作。如果有人想了解更多细节，我会在codecall上发一篇论坛帖子。这里有一个链接。这是我与此页面关联的代码。单击文本字段时，日期选择器不会显示。为什么？有人看到问题了吗

<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>  

$（函数（）{
$（“#开始日期”）.datepicker（）；
});
$（函数（）{
$（“#结束日期”）.datepicker（）；
});

开始日期：


结束日期：

日期的格式应为DD/MM/YYYY

将jQuery UI日期选择器代码包装在

标记中，并使用type属性将其标记为javascript。对两个datepicker调用使用单个document ready块。确保使用了正确的元素ID

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

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

$（文档）.ready（函数（）{
$（“#startDate”）.datepicker（）；
$（“#endDate”）.datepicker（）；
});

切换您的Id和姓名标签。ID属性必须位于$（'ID'）.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>

<script type="text/javascript">
$(function() {
$( "#start_date" ).datepicker();
});
$(function() {
$( "#end_date" ).datepicker();
});
</script>

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

$（函数（）{
$（“#开始日期”）.datepicker（）；
});
$（函数（）{
$（“#结束日期”）.datepicker（）；
});

开始日期：


结束日期：

日期的格式应为DD/MM/YYYY

您的

id

是

开始日期

和

结束日期

，而不是

开始日期

和

结束日期

。修好它，它就会工作。另外，将脚本放在一个

标记中。

$（function（）{

是

$（document）的缩写。ready（function（）{

。type属性在HTML5中是可选的：-）不确定这些评论可以完全消除我对这个问题的回答。最大的问题是jQuery代码甚至不在脚本块中。第二个问题是我们甚至不确定他是否在HTML5文档中。第三，在这种情况下，你不想有两个文档块。这个问题显示出货物崇拜的迹象，所以使用/鼓励缩写对OP.end_date=id和endDate=name没有用处。它在代码中的作用正好相反。请确保将脚本放在

标记中：-p这里省略了很多代码，只要脚本标记知道它就行了