我想显示两种类型的 jquery 时间选择器

Question

我想区分两个时间选择器。之前，两个时间选择器都显示在一个文本框中。现在，两个时间选择器都显示在右侧文本框中。但有一个问题，我想要一个文本框（持续时间文本框）显示 trent richardson jquery 时间选择器，而我想要另一个文本框（开始时间文本框）显示 francois gelinas 时间选择器。

目前，两个文本框都使用 trent richardson 时间选择器，但我不知道如何在函数中分离两个时间选择器，以便代码知道哪个时间选择器是 trent 的，另一个是 francois 的。

jquery 和 html 代码如下：

        $(function() {
            $('#timepicker').timepicker({ //francois timepicker
        showOn: 'button',
        button: '.timepicker_button_trigger'});


            $('#durationpicker').timepicker({ //trent's timepicker

                });

        });

     <form action="QandATable.php" method="post" id="sessionForm">


<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /></span>

<p><strong>5: Start Time:</strong> <input type="text" id="timepicker" name="timeChosen" readonly="readonly" /><span class="timepicker_button_trigger"><img src="Images/clock.gif" alt="Decrease" /></span>
                <br/><span id="dateTimeAlert"></span></p>
    </form>

要查看 trent 的时间选择器，请单击此处（他有一个日期和时间选择器，在页面下方他只有时间选择器）。

要查看 francois 的 timepicker，请点击此处（此 timepicker 更适合选择时间，但它不包含秒数，而特伦特的）

Answer 1

假设他们都遵循良好的 jquery 插件指南，他们都会将相同的 $.fn.timepicker 对象设置为自己的方法。要使用这两个插件，我认为您必须将源代码中的其中一个更改为其他内容...

在插件中...

$.fn.trentTime = function(){ ... }

以及在您的代码中...

$('#durationpicker').trentTime({ ... });