Ich benutze Datepicker von angular.ui, und es styled mit leerem Design, das Sie in der sehen können Seite? ˅. Jetzt möchte ich einen Bootstrap-Style-Datepicker und einen Timepicker haben, ohne zusätzliche Bibliotheken oder Plugins zu verwenden. Gibt es eine kurze Möglichkeit, Bootstrap-Stile auf den Kalender anzuwenden?
Antworten:
1 für die Antwort № 1Sie haben drei Möglichkeiten, den standardmäßigen angular-ui-bootstrap-Stil zu ändern:
- Bearbeiten Sie die Standardvorlagen und kompilieren Sie angular-ui-bootstrap neu. Alle Vorlagen befinden sich in der Vorlagenverzeichnis. Z.B. Datepicker Vorlagen sind Hier.
- Überschreiben Sie die Standardvorlagen in Ihrem Code. Standardmäßig, wenn Sie die
-tpls-
Verteilungsversion von angular-ui-bootstrap, dann sind alle Vorlagen im Bundle enthalten$templateCache
, sehen Hier. Sie könnten also Ihre eigene Datepicker-Vorlage bereitstellen, die die Standardvorlage überschreibt, z.$templateCache.put("template/datepicker/popup.html"
- Oder gemäß den Dokumenten:
Wenn auf der anderen Seite Standardvorlagen nicht das sind, was Sie brauchen könnte ui-bootstrap- [version] .min.js nehmen und eigene erstellen Vorlagen, wobei die Standardvorlagen verwendet werden (https://github.com/angular-ui/bootstrap/tree/master/template) Als ein Startpunkt.