Ich portiere gerade eine große Anwendung auf eine HTML5-basierte Web-App - ich habe angefangen, die App in AngularJS zu bauen und die Macht des AngularJS-Frameworks zu genießen - mir steht derzeit ein Problem im Weg:
Ich habe eine Direktive, die mir einen jQuery Datepicker gibt, aber die Bindung an das Modell scheint nicht zu funktionieren.
Ich missverstehe wahrscheinlich die Art und Weise, in der Richtlinien funktionieren, und würde gerne sehen, ob ich diesen Teil meines Verständnisses des Frameworks patchen kann. Ich habe eine Menge Beispiele durchgespielt (einschließlich des angularui-Projekts auf GitHub, aber immer noch keinen Sinn dafür, warum die Bindung nicht stattfindet)
jede Hilfe wird sehr geschätzt werden.
Zunächst einmal ist es großartig, dass Sie angularjs verwenden, es ist ein süßes Framework. Ein Ablegerprojekt wurde vor einiger Zeit gestartet, um Dinge wie das Wrappen von jquery-ui und das Erstellen von ui-Modulen zu behandeln.
Unten ist ein Link zu Peter Bacon Darwins Implementierung.
- dan
Für diejenigen, die dieses Problem (wie ich) googlen, ist es einfacher, den jQuery UI-Datapicker mit Angular zu verknüpfen, um dies zu tun ...
%Vor% Platziere es einfach vorher auf deinen .datepicker() Initialisierungscode.
(Aus einer anderen Antwort, die ich hier gepostet habe: Ссылка )
Der angular-ui-Datapicker funktionierte nicht mit Angular 1.0.0, also schrieb ich ihn um. Mit meinem Fork können Sie festlegen, wie das Datum in der Eingabe formatiert wird und wie es im Modell gespeichert wird.
Code: Ссылка jsFiddle: Ссылка (Es fehlen jquery-ui Stile, aber es funktioniert genauso)
%Vor%Ähnlich wie praveepd (mit ihrer Basis), aber dies beinhaltet eine tiefe Modellauswahl.
%Vor%Alte Frage, aber das war der erste Treffer für mich in Google-Suche dafür. Wie auch immer, ich habe Dual Datepicker verwendet, die mit jQuery und eckigen Anweisungen zusammenarbeiten, also dachte ich, ich würde teilen, um anderen zu helfen, die das versuchen.
Hier ist der Auslöser dafür:
Im Grunde initialisiert es das Formular mit json. Die Datepicker haben ihre eigenen Bedingungen, wie Denkweise usw. Die erste Auswahlbox wenn true = deaktiviert Sonntage in den Kalendern, sonst aktiviert sie.
Das Viewmodel erhält Updates, wenn auf 'Fertig' geklickt wird. Hier ist ein Teil des Codes für einen der Datepicker:
Html:
%Vor%Richtlinie :
%Vor%Fühlen Sie sich frei, es weiter zu optimieren. Poste einen Kommentar mit einem gegabelten Plunk, wenn du das tust :)