0

2 つのタイムピッカーを区別したい。以前は、両方のタイムピッカーが 1 つのテキスト ボックスに表示されていました。これで、両方のタイムピッカーが正しいテキスト ボックスとともに表示されます。しかし、1 つの問題があります。1 つのテキスト ボックス (期間テキスト ボックス) にトレント リチャードソン jquery タイムピッカーを表示し、もう 1 つのテキスト ボックス (開始時間テキスト ボックス) にフランソワ ジェリーナス タイムピッカーを表示する必要があります。

現時点では、両方のテキスト ボックスがトレント リチャードソン タイムピッカーを使用していますが、コードがどちらのタイムピッカーがトレントのもので、もう一方がフランソワのものであるかをコードが認識できるように、関数で両方のタイムピッカーを分離する方法がわかりません。

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>

トレントのタイムピッカーを見るには、ここをクリックしてください(彼には日付とタイムピッカーがあり、ページのさらに下にはタイムピッカーがあります)。

フランソワのタイムピッカーを見るには、ここをクリックしてください(このタイムピッカーは時間を選択するのに適していますが、トレントのタイムピッカーには秒が含まれていません)

4

1 に答える 1

1

どちらも適切な jquery プラグイン ガイドラインに従っていると仮定すると、どちらも同じ $.fn.timepicker オブジェクトを独自のメソッドに設定します。両方のプラグインを使用するには、ソース コード内のいずれかを別のものに変更する必要があると思います...

プラグインで...

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

そしてあなたのコードで...

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