Javascript 为什么JQuery日期选择器出现故障?
我有一个页面,我正在使用for循环添加文本框。有一个表,其中有12行4列。在第2列和第4列中,我添加了datepicker,它显示得很好 问题是,当我从第2列的datepicker中选择日期时,日期设置在第2列中(正确),但当我在第4列中选择日期时,日期设置在第2列中(不正确) 这是我的代码:Javascript 为什么JQuery日期选择器出现故障?,javascript,jquery,jquery-ui,datepicker,Javascript,Jquery,Jquery Ui,Datepicker,我有一个页面,我正在使用for循环添加文本框。有一个表,其中有12行4列。在第2列和第4列中,我添加了datepicker,它显示得很好 问题是,当我从第2列的datepicker中选择日期时,日期设置在第2列中(正确),但当我在第4列中选择日期时,日期设置在第2列中(不正确) 这是我的代码: ... <table class="table table-striped"> <tr> <th><center>Column1&
...
<table class="table table-striped">
<tr>
<th><center>Column1</center></th>
<th><center>Column2</center></th>
<th><center>Column3</center></th>
<th><center>Column4</center></th>
</tr>
<?php
for($i=0; $i<count($time_period); $i++) {
$current_table = $table[$i];
$result = $db->query("SHOW TABLES LIKE '$current_table'");
if($result->rowCount() > 0) {
//Table Exists!
?>
<tr>
<td><center><?php echo $time_period[$i]; ?></center></td>
<td><input type="text" class="form-control datepicker" id="<?php echo $i; ?>" autocomplete="off" name="date_receipt[]" value=""></td>
<td><input type="text" class="form-control" id="<?php echo $i; ?>" autocomplete="off" name="cheque_amount[]" value=""></td>
<td><input type="text" class="form-control datepicker" id="<?php echo $i; ?>" autocomplete="off" name="date_deposit[]" value=""></td>
</tr>
<?php
}
}
?>
</table>
...
。。。
专栏1
专栏2
第3栏
专栏4
我也有过类似的问题。尝试为它们提供唯一的ID,然后在jQuery中使用这些ID来选择它们
推理:我的猜测是,.datepicker返回一个节点数组,所以当它被单击时,它将值放入class.val中,该值将是数组中的第一个子级
最新回应:
它们都具有相同的id:
id="<?php echo $i; ?>
id=”
不工作:
工作:
因为它们都有相同的ID,所以浏览器将按ID查看类(即使您没有传递ID),因为这更快。浏览器假定ID是唯一的。这是我的猜测。我尝试过,但没有成功。我给第一个文本框指定了datepicker
类,给了另一个文本框指定了datepicker2
类,并在JQuery中添加了相同的ID,但不幸的是它没有成功。@chinmaysarupiaclass
>不是一个id
@SpencerWieczorek吗如果我用id
代替class
,datepicker
将只添加到整个页面上的一个文本框中。要添加多个datepicker,我使用class
。我在我的回答中添加了更多说明。希望有帮助!你有两个完全相同的元素具有相同的属性类和id。@SpencerWieczorek I删除了其中一个日期选择器的id
,并更改了class
,现在它可以工作了。如果您从生成的输出中发布一个片段而不是php代码,这会有所帮助。
id="<?php echo $i; ?>