Question

我动态创建了一个日期很少输入字段的网页。这些字段具有相同的类但具有不同的ID。

这些输入字段是从mysql填充的，因此我不知道所点击的字段的id。

当用户点击这些字段进行编辑时，我想弹出一个日期选择器。

我使用下面的代码比较每一行的开始日期和结束日期，但是我收到一个错误： “未捕获的TypeError：无法设置未定义的属性'currentDay'”

    <input type="text" class="selStart" id="'.$row['id'].'" name="selStart'.$a.'" value="'.$row['starts'].'" readonly="readonly" />
    <input type="text" class="selEnd" id="'.$row['id'].'" name="selEnd'.$a.'" value="'.$row['ends'].'" readonly="readonly" />

    <input type="text" class="selStart" id="'.$row['id'].'" name="selStart'.$a.'" value="'.$row['starts'].'" readonly="readonly" />
    <input type="text" class="selEnd" id="'.$row['id'].'" name="selEnd'.$a.'" value="'.$row['ends'].'" readonly="readonly" />

    $(".selStart").datepicker();

    $(".selEnd").datepicker();

Answer 1

你的代码在jsfiddle中已经正常工作了，

Demo

如果您在获取弹出窗口时遇到问题，可能是您的项目中没有包含jQuery UI，或者是jquery库的无效版本。

HTML：

<input type="text" class="selStart" id="firstInput" name="selStart" value="" readonly="readonly" />
<input type="text" class="selEnd" id="secondInput" name="selEnd" value="" readonly="readonly" />

jQuery的：

$(document).ready(function(){
    $(".selStart").datepicker();
    $(".selEnd").datepicker(); 
});

Answer 2

我为输入标签更改了命名skim，现在它可以正常工作了！

多输入表单上的jquery datepicker

2 个答案: