Question

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

目前两个文本框都使用trent richardson timepicker，但我不知道如何在我的函数中分隔两个timepickers，以便代码知道哪个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>

查看特伦特的时间选择器，点击here（他有一个日期和时间选择器，并且在页面的下方，他只是有时间戳）。

要查看francois的timepcker，请单击here（这个时间选择器更适合选择时间，但它不包含秒数，而trent确实如此）

Answer 1

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

插件中的

......

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

并在您的代码中......

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

我想显示两种类型的jquery timepickers

1 个答案: