0

我想区分 2 个时间选择器。以前，两个时间选择器都显示在一个文本框中。现在两个时间选择器都显示在正确的文本框中。但是有一个问题，我希望一个文本框（持续时间文本框）显示 trent Richardson jquery timepicker，我希望另一个文本框（开始时间文本框）显示 francois gelinas timepicker。

目前，两个文本框都使用 trent richardson timepicker，但我不知道如何在我的函数中分离两个 timepicker，以便代码知道哪个 timeicker 是 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 的时间选择器，请单击此处（此时间选择器更适合选择时间，但它不包含秒数，而 trent 则包含）

4

1 回答 1

1

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

在插件...

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

在你的代码中......

$('#durationpicker').trentTime({ ... });
于 2011-12-14T17:28:07.827 回答