Wie man die Größe des jQuery DatePicker-Steuerelements ändert

Question

Ich bin mit dem jQuery DatePicker-Steuerelement zum ersten Mal. Ich habe es funktioniert auf meinem Formular, aber es ist etwa doppelt so groß wie ich möchte, und etwa 1,5 mal so groß wie die Demo auf der jQuery UI-Seite. Gibt es einige einfache Einstellung, die ich vermisse, um die Größe zu steuern?

編集する。 Ich habe einen Hinweis gefunden, aber das wirft neue Probleme auf. In der CSS-Datei heißt es, dass die Komponente entsprechend der Schriftgröße des übergeordneten Elements skaliert wird. Sie empfehlen die Einstellung

body {font-size: 62.5%;}

um 1em = 10px zu machen. Dies zu tun gibt mir eine schön große datepicker, aber natürlich es verwirrt den Rest meiner Website (ich habe derzeit font-size: .9em).

Ich habe versucht, ein DIV um mein Textfeld zu legen und die Schriftgröße einzustellen, aber es scheint das zu ignorieren. Also muss es eine Möglichkeit geben, die datepicker zu schrumpfen, indem Sie die Schriftart der übergeordneten, aber wie kann ich das tun, ohne den Rest meiner Website durcheinander?

Answer 1

Ui.all.css öffnen

am Ende setzen

@import "ui.base.css";
@import "ui.theme.css";

div.ui-datepicker {
font-size: 62.5%; 
}

und los!

Answer 2

Ich hatte datepicker in einem Modal erscheinen und wegen der "Datum-Anzeige-Container" auf der linken Seite, war der Kalender teilweise aus dem Blickfeld, so dass ich hinzugefügt:

.datepicker-date-display {
  display: none;
}

.datepicker-calendar-container {
  max-height: 21em;
}
.datepicker-day-button {
  line-height: 1.2em;
}

.datepicker-table > thead > tr > th {
  padding: 0;
}

Answer 3

Ich glaube, ich habe es gefunden - ich musste in die CSS-Datei gehen und die Schriftgröße für das Datumspicker-Steuerelement direkt ändern. Offensichtlich, wenn Sie über sie wissen, aber verwirrend auf den ersten.