在输入日期字段的多次迭代中加载日期选取器
Loading datepicker in multiple iterations of an input date field
>我有一个PHP,它为多个条目加载了5倍相同的输入字段集。
同时,我有一个"日期选择器"javascript要在日期字段中运行。
问题是只有在第一行中日期选择器才能工作。对于接下来加载的 4 行,日期选取器不会在日期字段中运行。
法典:
<?php
for ($i=0;$i<5;$i++)
{
?>
<tr>
<td><input id="includeItem" type="checkbox" onchange="includeMore" name="item<?=$i?>"></td>
<td><input name="id<?=$i?> style="color:#888;" disabled="disabled"></td>
<td><input class="formItems" id="datepicker" name="date<?=$i?>"></td>
<td><input class="formItems" name="description<?=$i?>"></td>
<td><input class="formItems" name="amount<?=$i?>"></td>
</tr>
<?php } ?>
Javascript:
<script>
$(document).ready(function() {
$("#datepicker").datepicker({
dateFormat: 'yy-mm-dd'
});
});
</script>
ID 在
页面上应该是唯一的。这意味着当你尝试使用jQuery选择一个ID时,它将在找到的第一个ID上停止。
你应该使用一个类来规避这一点,就像这样。
法典:
<?php
for ($i=0;$i<5;$i++)
{
?>
<tr>
<td><input id="includeItem" type="checkbox" onchange="includeMore" name="item<?=$i?>"></td>
<td><input name="id<?=$i?> style="color:#888;" disabled="disabled"></td>
<td><input class="formItems" class="datepicker" name="date<?=$i?>"></td>
<td><input class="formItems" name="description<?=$i?>"></td>
<td><input class="formItems" name="amount<?=$i?>"></td>
</tr>
<?php } ?>
Javascript:
<script>
$(document).ready(function() {
$(".datepicker").datepicker({
dateFormat: 'yy-mm-dd'
});
});
</script>
不允许使用相同的 id,它必须是唯一的 - id="日期选择器"
使用类而不是 ID。
为每个输入提供一类"日期选择器",并将 jQuery 选择器更改为$(".datepicker")
相关文章:
- 如何在加载日期选择器时突出显示当前周
- 为什么引导 UI 在加载时不显示正确的日期格式
- 使用 javascript 在页面加载时设置默认引导日期和日期时间值
- 正在加载动态日历以在一个月的正确日期开始
- Angular JQuery日期选择器未在加载时设置MinDate
- 如何在页面加载时将当前时间和日期的格式设置为默认格式
- 无法为动态加载的输入框加载日期选择器和小部件
- 在页面加载后动态添加 jquery 日期选择器
- 如何在页面加载后将日期选取器值设置为所选日期
- 在输入日期字段的多次迭代中加载日期选取器
- 用于调查的 Javascript:从页面加载时从出生日期开始计算年龄 从预填充信息加载
- 如何在加载 dd/mm/yyyy 时在文本框中显示 __/__/____ 并将 __/__/____ 替换为日期
- 页面加载时自动打开日期选取器
- 在 ajax 调用中加载日期选择器,然后单击不起作用
- 引导日历日期时间选取器在单击时不加载
- Jquery 日期选择器在加载时执行函数
- 如何在加载视图时将日期设置为占位符
- AJAX加载的内容中未定义引导程序日期选择器
- 在引导日历中签入/退房日期加载问题
- 用javascript按日期加载css