3

これは、日時ピッカーを定義する方法です

$('.datetimepicker').datetimepicker({
    dateFormat: 'y-m-d',
    timeFormat: 'h:m:s'
});

HTML:

<div class="branch">
    <h2>Branch 1</h2>
    <input id="from" class="datetimepicker" type="text" name="from"/>
    <input id="to" class="datetimepicker" type="text" name="to"/>
   </div>
   <div class="branch">
    <h2>Branch 2</h2>
    <input id="from" class="datetimepicker" type="text" name="from"/>
    <input id="to" class="datetimepicker" type="text" name="to"/>
   </div>

これはブランチ 1 のフィールドで機能します。次の図を見てください。

ここに画像の説明を入力

上の 2 つのフィールドは、日付を正しく取得します。しかし、下の入力フィールドにフォーカスして日付を設定すると、下のフィールドではなく上のフィールドが設定されます。これは間違っています。一番下のフィールドは日付を取得する必要があります。

入力フィールドは動的に作成され、多数あるため、各入力フィールドに id でアクセスすることはできません。ここで何が間違っているのでしょうか？

4

1 に答える 1

7

同じページの html 要素で同じ id を複数回使用しないでください。あなた<input id="from" ...とを見て<input id="to" ...

<div class="branch">
    <h2>Branch 1</h2>
    <input id="from_1" class="datetimepicker" type="text" name="from"/>
    <input id="to_1" class="datetimepicker" type="text" name="to"/>
   </div>
   <div class="branch">
    <h2>Branch 2</h2>
    <input id="from_2" class="datetimepicker" type="text" name="from"/>
    <input id="to_2" class="datetimepicker" type="text" name="to"/>
   </div>

これにより、日付ピッカーの問題が修正されます。

于 2012-11-08T13:52:39.290 に答える