2015-05-08 9 views
5

Bitte akzeptieren Sie meine Entschuldigung, wenn ich irgendwelche Fehler in meinem Beitrag hatte. Dies ist mein erster Beitrag hier. Aber ich bin nicht neu in StackOverflow. Korrigiere mich wenn überhaupt.Angular Bootstrap DateTimePicker - Highlight Heute Datum auf eingebetteten Kalender

Ich verwende Winkel-Bootstrap-Datetime Bibliothek aus dem unten url: Link to library

Ich bin derzeit den Kalender auf der Seite eingebettet wird. Ich benutze angular.js, moment.js, grunt und bower. Absolut kein Problem beim Laden des Kalenders und kann sogar ein Datum auswählen und das ausgewählte Datum anzeigen. Hier

ist der Beispielcode:

<div> 
 
    Selected Date: {{ data.embeddedDate | date:'yyyy-MMM-dd' }} 
 
    <datetimepicker data-ng-model="data.embeddedDate" data-datetimepicker-config="{ startView:'day', minView:'day'}" /> 
 
</div>

Ich versuche, das heutige Datum automatisch zu markieren, wenn der Datetimepicker auf der Seite zeigt. Wie Sie sehen können, konnte ich in den Konfigurationsoptionen die Standardansicht und die Minansicht festlegen.

Hinweis: Ich habe versucht, den Arbeitscode (bis jetzt) ​​in Plunkr nachzuahmen, aber es zeigt nicht den Kalender. Ich habe auch alle Bibliotheken hinzugefügt. Wie auch immer, das ist nur eine Idee. Wenn ich den Plunkr funktioniere, werde ich wieder updaten. Hier ist der Link zu Plunkr.

Alle Vorschläge (in Bezug auf Highlight heute Datum standardmäßig) werden geschätzt.

+1

Ihre Arbeits plunkr hier. Es benötigt Verkabelung in der script.js Datei: http://plnkr.co/edit/MNWlCsamgj3x991RncCa?p=preview – Matt

Antwort

2

die Richtlinie Um heutiges Datum standardmäßig zu zeigen, können Sie den Wert von data.embeddedDate in der Steuerung durch ihren Umfang, wie so festgelegt:

$scope.data = { embeddedDate: new Date() }; 

Working Plunkr

+1

Vielen Dank. Das funktioniert wie ein Zauber. – Manoj

+0

Eine Sache ist, ich möchte das heutige Datum mit einer anderen Farbe (für sagen wir, hellgrauen) hervorgehoben haben, wenn ich ein anderes Datum auswähle. Gerade jetzt, da wir das embeddedDate auf das heutige Datum setzen, und wenn ich ein anderes Datum auswähle, wird das embeddedDate in das ausgewählte Datum geändert. Kannst du mir helfen? – Manoj

+1

Ich habe ihre Dokumente gelesen und es scheint nicht in der integrierten Funktionalität zu sein. Sie müssten den Quellcode erweitern. – Matt