Überschreibe AngularJs DatePicker Popup, um einen neuen Titel hinzuzufügen

8

Die Frage sagt alles.

Ich habe High & Amp; niedrig und sehe keinen Weg, aber, bevor ich die Vorlage hacken dachte ich, dass ich hier fragen würde.

Nur um es klar zu machen - Ich möchte etwas Text oben im Datepicker hinzufügen können (was ein Popup ist, wenn das einen Unterschied macht) wie "Wann hast du Geburtstag?".

    
Mawg 11.10.2015, 07:21
quelle

1 Antwort

7

Es gibt viele Möglichkeiten, dies zu tun, wenn Sie diesem Thema folgen: Können Sie bestimmte Vorlagen in AngularUI Bootstrap überschreiben? , aber ich beschränke mich auf zwei, von denen einer CSS ist.

Überschreiben der Vorlage:

Plunker-Demo

Die Standarddatei für die Popup-Datei ist template/datepicker/popup.html , Sie müssen nur den Inhalt der Datei kopieren und neuen Code anhängen. Der neue Code wird dann in die <script id="template/datepicker/popup.html" type="text/ng-template"> Anweisung eingeschlossen und in <head>

platziert

%Vor% %Vor% %Vor%

CSS-Bearbeitung:

Dies ist ein nicht standardmäßiger Weg, aber es stört Ihre Template-Struktur trotzdem nicht.

Plunker-Demo

:before pseudo-Element in CSS unterstützt content -Eigenschaft, um Text zu erstellen. Da Sie nichts anderes als Header-Text / Titel hinzufügen müssen, ist dies eine passende Lösung. Überprüfen Sie die style.css -Datei in der Plunkr, um den Text zu bearbeiten.

%Vor% %Vor% %Vor%
    
Manoj Kumar 15.11.2015, 10:33
quelle