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来说没有用处 –

Javascript DatePicker不能正常工作

相关问题