0

我无法让 jquery 的日期选择器在我的页面上工作。如果有人想要更多详细信息，我有一个关于 codecall 的论坛帖子。这是一个链接http://forum.codecall.net/topic/70462-copy-and-paste-date-picker-javascipt/。这是与此页面关联的我的代码。当我单击文本字段时，日期选择器不显示。为什么？任何人都可以看到问题吗？

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

2 回答 2

1

将您的 jQuery UI 日期选择器代码包装在<script>标签中，并使用 type 属性将其标记为 javascript。为您的两个日期选择器调用使用单个文档就绪块。确保您使用正确的元素 ID。

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

        $("#startDate").datepicker();
        $("#endDate").datepicker();
   });
</script>
于 2012-06-25T19:45:53.507 回答
1

切换您的 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>
于 2012-06-25T19:46:36.860 回答