Question

我有一个在Accordian中动态生成的时间字段。当使用不同的类名创建字段时，将对其进行初始化。现在，可以在下拉菜单中选择时间，但不会触发任何事件。

现在，当第一次加载页面时，使用第一个timepicker字段，可以选择触发事件的时间没有问题。下面的JS检查类名称中是否包含单词“ time”，因为类字段的名称如下：

默认情况下，第一个是time1，动态生成的字段名为time2，time3等...

在使用以下代码初始化新字段时生成

$(".time"+hash).timepicker({ 'timeFormat': 'HH:mm' });

hash是创建字段时生成的数字

$(document).ready(function() {
    $('[class*=time]').timepicker({
        timeFormat: 'HH:mm',
        change: function(time) {
            // the input field
            var element = $(this), text;
            // get access to this Timepicker instance
            var timepicker = element.timepicker();
            var inputFieldId = element.attr('id');
            var sectionName = element.closest('.tab').children().attr('class');
            console.log(sectionName);
            text = timepicker.format(time);
            var message_tag = element.attr('data-id');
            ValidateSingleField(sectionName, inputFieldId, 'checkTime', event_form_messages[message_tag]);
        }
    });
});

我相信选择时间后会触发onchange事件，当第一个timepicker字段加载时，情况就是如此。但是使用动态生成的字段，则不会触发任何操作。

任何帮助将不胜感激谢谢

动态创建的时间选择器字段未触发事件

0 个答案: