Javascript 现在时间选择器按钮不工作

我有一张桌子

<table id="tbl1">
    <tr class="Row">
        <td class="TimeCol">
            <input title="" type="text" readonly="readonly" class="FromTime " />
        </td>
        <td class="TimeCol">
            <input title="" type="text" readonly="readonly" class="ToTime " />
        </td>
    </tr>
</table>

现在，当添加新行时，我单击timepicker的Now按钮，时间在第一行文本框中更新。。。问题是什么？如何解决

现在单击“图像”

现在点击图片

更新 如果我使用id将时间选择器添加到文本框，则不会添加任何时间选择器

var fromId = $('#tbl1 tr:last').find('.FromTime').attr('id');
$('#'+fromId).removeClass("hasDatepicker");
$('#' + fromId).timepicker({
    timeFormat: "H:m:s",
    stepMinute: 01,
    ampm: true
});

---

您应该在元素ID而不是元素类上初始化时间选择器。 克隆行以添加新行时，新行与前一行具有相同的类。因为当您单击timepicker小部件上的Now按钮时，timepicker使用类来选择输入字段并更新它找到的第一个输入字段中的时间，即第一行中的时间字段

如果在每个输入元素上使用唯一ID，则timepicker将更新正确元素中的时间

编辑： 尝试以下更改：

// re-initialise the cloned timepickers:
$('#tbl1 tr:last').find('.FromTime').attr('id', 'new_from').removeClass("hasDatepicker"); 
$('#tbl1 tr:last').find('.ToTime').attr('id', 'new_to').removeClass("hasDatepicker"); 
$('#new_from, #new_to').timepicker({
    timeFormat: "hh:mm tt",
    stepMinute: 01,
    ampm: true
});

---

这对我有用。我添加了删除id属性，一切正常

我添加了$fromTimepicker.removeAttrid；在像这样初始化时间选择器之前

<a href="#" onclick="javascript:return AddRow();">

    $fromTimepicker = $('#tbl1 tr:last').find('.FromTime,.ToTime');
    $fromTimepicker.removeClass("hasDatepicker");
    $fromTimepicker.removeAttr("id");
    $fromTimepicker.timepicker({
        timeFormat: "H:m:s",
        stepMinute: 01,
        ampm: true
    });

---

“现在”按钮不是被禁用了吗？没有。它可能看起来像这样，但它没有…任何可玩的演示？您使用哪个时间选择器插件？我使用的是jquery-ui-timepicker-addon.js，但我指定将timpicker应用于此行的最后一行$fromTimepicker=$'tbl1 tr:last'。find'。FromTime，.ToTime'；问题是$'。FromTime、.ToTime.。时间选择器。。。。您正在对具有“FromTime”或“ToTime”类的输入初始化时间选择器。如果您有多行，您将有多个元素具有上述类。好的，但即使我使用id添加时间选择器，也不会添加它，请检查更新的代码。您正在尝试从原始输入字段获取id。由于原始字段没有定义任何ID，timepicker无法绑定到任何输入。你可以分享你的整个html页面代码，我会告诉你的。

    $fromTimepicker = $('#tbl1 tr:last').find('.FromTime,.ToTime');
    $fromTimepicker.removeClass("hasDatepicker");
    $fromTimepicker.removeAttr("id");
    $fromTimepicker.timepicker({
        timeFormat: "H:m:s",
        stepMinute: 01,
        ampm: true
    });