Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - 时间选择器“立即”按钮不起作用

In lại Tác giả: Walker 123 更新时间：2023-11-28 07:48:14 30 4
mua khóa gpt4 Nike

我有一张 table

我有一个 anchor 标记，我可以在上面向表中添加新行，如下所示


Js:

$(document).ready(function () {
$('.FromTime, .ToTime').timepicker({
            timeFormat: "H:m:s",
            stepMinute: 01,
            ampm: true
        });
});
    function AddRow() {
        var $ttc = '';

        $ttc = $("#tbl1").find("tr:last");

        var $tr = $ttc.clone();

        // reset fields in the new row
        $tr.find("input[type=text]").val("");
        $tr.find(".FromTime").removeAttr('value');
        $tr.find(".ToTime").removeAttr('value');

        // add cloned row as last row
        $('#tbl1 tr:last').after($tr);


        // re-initialise the cloned timepickers:
        $fromTimepicker = $('#tbl1 tr:last').find('.FromTime,.ToTime');
        $fromTimepicker.removeClass("hasDatepicker");
        $fromTimepicker.timepicker({
            timeFormat: "H:m:s",
            stepMinute: 01,
            ampm: true
        });

        trả về sai;
    }

现在，当添加新行并单击时间选择器的“立即”按钮时，第一行文本框中的时间会更新...问题是什么以及如何解决？

之前点击图像

nhập mô tả hình ảnh ở đây

现在点击图像

nhập mô tả hình ảnh ở đây

gia hạn如果我使用 id 将时间选择器添加到文本框，则不会添加时间选择器 

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

câu trả lời hay nhất

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

如果您在每个输入元素上使用唯一 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
});

关于javascript - 时间选择器“立即”按钮不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27184460/

30 4 0
Đề xuất bài viết: c++ - 通过 map.equal_range 问题 interator
Đề xuất bài viết: ios - 从后台返回时隐藏音量 HUD
Đề xuất bài viết: c++ - 声学回声消除 windows xp/vista/7
Đề xuất bài viết: ios - 用户说话时自动开始录音
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress