我如何使用timpickiv2绑定一个actionlistener与js或jquery？

Question

意识到是时候在stackoferflow中注册了。我的问题：

我正在使用html，css和JavaScript / Jquery。这边是时间表，现在看起来像this。

显示的时间戳是timepickiv2。我很高兴，但在尝试添加Actionlisteners后，我意识到，它应该与我正在努力的方式不同。

阅读timepicki的纪录片，我发现了这一点。请帮我绑定一个actionlistener，它在更改任何一个字段后读取字段的开始，结束和暂停，并计算工作小时数。每个字段都有自己的id :(例如）

在21.04.2017开始时的字段时间戳具有id 21042017start，exe具有id 21042017ende。

我想到了这样的事情：

        $(document).ready(function () {
                $(".timepicki-input").change(function (e) {
                var id = $(this).id.substring(0, 7);
                var start = $('#' + id + 'start');
                var ende = $('#' + id + 'ende');
                $('#' + id + 'bruStd').text('bla');
            });
        });

我在timpicki js数据上找到了这个：

                // 2) For any other key presses:
            //      i) realize that we cannot check what the user has typed
            //         just yet, because this function is a handler
            //         that runs before any text is rendered in the input
            //         box.
            //      ii) So, register a function validate() that will execute right 
            //          after the keypress character is rendered. All validation
            //          is done inside validate().
            //-----------------------------------------------------------------------------------
            //  NOTE:.change() event does not work here, as it is called when input looses focus|
            //-----------------------------------------------------------------------------------