Materialize datepicker sieht in Meteor seltsam aus

Question

Mit dem Materialize-Paket (materialize: materialise) in Meteor benutze ich den Datepicker, der einige der Daten auf der linken Seite bugsiert.

Auf Seite machen, was ich habe:

Template.clientEntry.onRendered(function() { 
    $('select').material_select(); 
    $('.datepicker').pickadate({ 
    selectMonths: true, // Creates a dropdown to control month 
    selectYears: 40 // Creates a dropdown of 15 years to control year 
    }); 
}); 

HTML:

<div class="input-field col s2"> 
    <label class="active">Birth Date</label> 
    <input type="date" class="datepicker" id="birthdate-demo"> 
</div> 

Wenn das Feld geklickt wird, ist es, wie unten macht. Es funktioniert gut, aber es sieht nicht gut aus. Was mache ich falsch?

Answer 1

Stellt sich heraus, ich war standardmäßig meine Tabellenzeilen in CSS Nummerierung. Der Kalender in der Datumsauswahl muss eine Tabelle sein, daher wurde versucht, jede Zeile zu nummerieren. Ich war nicht in der Lage, das CSS auf dem Datumswähler in Meteor zu ändern, also musste ich alle meine Tabellen auf Standard umstellen, um ohne Nummerierung zu gehen, und eine Klasse hinzufügen, um sie zu nummerieren.