Winkel-datepicker: Holen Sie sich ng-Modell-Wert in den Bereich

Ich bin neu in AngularJs und ich will zeigen das ausgewählte Datum und die Uhrzeit von meinem datepicker in einem <pre> tag durch den Umfang der ng-model="abc".

Winkel-datepicker (github), Winkel-datepicker (demo)

Html:

<div class="container">
    <div class="row">
      <div class="col-md-4">
        <div ng-controller="foo">
          <input type="datetime" class="form-control" date-time ng-model="myDate" format="dd-MM-yyyy HH:MM" placeholder="Select datetime">
          <pre>myDate: {{myDate}}</pre>
        </div>
      </div>
    </div>
  </div>

JS:

angular.module('demo', ['datePicker']).controller('foo', ['$scope', function($scope) {
  //empty
}]);

Hier ist ein plnkr

InformationsquelleAutor herrh | 2016-01-20
  1. 4

    Hier ist die aktualisierte plnkr - http://plnkr.co/edit/Qagb78UDqXQrabcZucr6.

    Zu bekommen, es funktioniert, ich musste ng-model zeigen Sie auf ein Objekt.Eigenschaft (myDate.value) in der input. Und Sie können das Modell-Wert in der Vorlage wie diese: 

    <pre>
      myDate: {{myDate.value | date: "dd-MM-yyyy HH:MM"}}
</pre>

    Controller:

    $scope.myDate = {
        value: ''
};

    Hoffe, das beantwortet Ihre Frage. Hier ist der Grund, warum ng-model brauchen, um eine dot - Muss mein ng-model brauchen wirklich einen Punkt, um zu vermeiden, Kind $scope-Probleme?.

    • Das problem ist jetzt, dass sobald ein Datum ausgewählt ist, die scope-Wert nicht aktualisiert, wenn ich wählen Sie ein anderes Datum. Wie erreichen Sie das?
    • Das ist komisch. Es war die Aktualisierung gestern. Lassen Sie mich schauen.
    • Ah, ich sehe, was du meinst. Wenn Sie es aktualisieren, indem Sie eingeben, es aktualisiert nicht das Datum.
    • Hmm, kann es nicht funktionieren. Was muss getan werden, um zu zeigen, die aktuelle Uhrzeit mit Sekunden, ohne jede Formatierung?
    • Wenn Sie die Formatierung entfernen (| date: "dd-MM-yyyy HH:MM"), das Ergebnis geben würde, die Minuten sowie in der UTC-wie dies 2016-02-17T17:40:00.000Z.
    • Ah danke. Aktualisiert plnkr gefunden werden kann hier. Zusätzliche Frage: Ist es möglich, ng-change="barFunc ()", um die Eingabe und arbeiten mit dem scope-Werte in dieser Funktion?
    • Ah ja, entfernen Sie die " format="dd-MM-yyyy HH:MM"` in input diese abholen würde, die änderungen in wenigen Minuten. Ändern Sie dann das Ergebnis wie dieses myDate: {{myDate.value | date: "yyyy-MM-dd HH:mm"}}. Dies würde die myDate pick-up-änderungen in wenigen Minuten. Update fiddle - plnkr.co/Bearbeiten/Qagb78UDqXQrabcZucr6. Hoffe, das hilft. Lassen Sie mich wissen, wenn nicht :).
    • Ich habe versucht, ng-ändern, aber das scheint nicht up pick die änderungen, die Sie machen, um die input-Eingabe. Lassen Sie mich versuchen, mit ng-Uhr.
    • Wäre toll, wenn Sie es Arbeit mit einem dieser.

    InformationsquelleAutor Sabarish Senthilnathan
Schreibe einen Kommentar