UI-Bootstrap-datepicker mit Eingabe Maske

Derzeit versucht, eine standard-datepicker-aber kombinieren Sie es mit einer Eingabe-Maske, um es einfacher, um das Datum von hand, wenn der Benutzer braucht, um.

Sehen Plunk

Im moment das problem ist, dass wenn ich die Maske eines von zwei Dingen geschieht, entweder von hand eingeben das Datum in das Feld funktioniert nicht (d.h., sobald ich es beende löscht den Wert aus dem Feld) ODER es gelingt, die Aktualisierung der Modell-Wert, aber wenn ich öffnen Sie die datepicker es ist auf das Jahr 1500.

Den plunk hat sowohl einen maskierten und unmaskierten version der Eingabe.

HTML

<input type="text" class="form-control" datepicker-popup="MM/dd/yyyy" ng-model="dt" is-open="opened" min-date="'2010-01-02'" max-date="dt" ng-required="true" close-text="Close" show-weeks="false" show-button-bar="false" ui-mask="99/99/9999" />
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>

JS

.controller('DatepickerDemoCtrl', function ($scope) {
  $scope.dt = new Date();

  $scope.open = function($event) {
    $event.preventDefault();
    $event.stopPropagation();

    $scope.opened = true;
  };
});

InformationsquelleAutor diplosaurus | 2015-05-12

Schreibe einen Kommentar