2016-03-31 7 views
-1

Ich verwende Pikaday in meiner Webanwendung und ich habe 2 Eingabefelder, in denen ich dieselbe Instanz meines Kalenders verwenden möchte.Warum kann ich meinen Pikaday-Kalender nicht in einem separaten Feld wiederverwenden?

var picker = new Pikaday({ 
     field: $('.datePickerPerDay')[0], 
     format: 'MM/DD/YYYY', 
     minDate: moment().toDate() 
    }); 

So definiere ich meinen Kalender. Dann. Ich gebe beiden Eingabefeldern die Klasse "datePickerPerDay". Aber es funktioniert nur für einen der Eingänge und nicht für den anderen. Warum passiert dies? Ist es möglich, es so zu benutzen, wie ich es möchte?

+0

'[0]' wählt nur das erste Element der Elementliste, wie ist das für alle funktionieren soll Elemente mit der Klasse 'datePickerPerDay'? –

Antwort

1

Gerade Schleife über die .datePickerPerDay Elemente und erstellen Sie eine neue Pikaday Instanz für jeden von ihnen:

$('.datePickerPerDay').each(function() { 
    var picker = new Pikaday({ 
    field: this, 
    format: 'MM/DD/YYYY', 
    minDate: moment().toDate() 
    }); 
});