2016-03-25 1 views
1

Mit Angular 1.5.2, UI-Bootstrap 1.2.5 Bootstrap css 3.3.6Angular Js Datepicker nichts in der Eingabe zeigt aber, wenn Sie den Kalender Popup klicken korrekt

meine Json Daten So kommt mit das Datum als String (ich kann nicht helfen oder das ändern).

"start": "2014-06-12" 

Ich benutze Moment, um zu einem Datum zu konvertieren. // Teil eines größeren Objekt zurückgegeben von einem Ajax-Aufruf

$scope.item=data[0]; 
$scope.item.startM=moment($scope.item.start); 
$scope.item.endM=moment($scope.item.end); 

In dem {{item}} Ich visuell auf dem Bildschirm sehen "Start": "2014.06.12" "Startm":“ 2014-06-12T04: 00: 00.000Z "

in den Konsolen ich die Startm anzeigen kann: o _d: Do 12. Juni 2014 00:00:00 GMT-0400 (Eastern Daylight Time) _f:" JJJJ-MM-TT " _i:" 2014-06-12 " _isAMomentObject: true _isUTC: false _isValid: true _locale: A

Das Eingabefeld ist leer ????

Wenn ich auf den Kalender klicke, um das Datum zu sehen, hat es das korrekte Datum ausgewählt und wird richtig im Eingabefeld angezeigt, wenn ich es wähle.

<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="item.end" is-open="popup2.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" /><span class="input-group-btn"><button type="button" class="btn btn-default" ng-click="open2()"><i class="glyphicon glyphicon-calendar"></i></button>  </span> 

$scope.dateOptions = { 
formatYear: 'yy', 
maxDate: new Date(2020, 5, 22), 
minDate: new Date(), 
startingDay: 1 

};

$scope.formats = ['yyyy-MM-dd','dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate']; 

$ scope.format = $ scope.formats [0];

Ich weiß, ich bin nicht sehr ins Detail bietet aber ich kämpfen, um zu verstehen, warum der Kalender das richtige Datum kennt aber das Eingabefeld nicht ...

+0

Erstellen Sie einen Abstecher –

+0

was ist daran interessant, dass, wenn ich den Code ändern, um ... dann wird das Datum angezeigt, aber das Popup wird nicht angezeigt ?? die Änderung UIB-Datepicker-Popup = "{{format}} zu Datepicker-Popup =" {{format}} Wie Sie sagen, kann ich ein Neuling bin dies bei ... diese bekommen können Off Track, aber ich frage mich, ob es mit https://github.com/angular-ui/bootstrap/issues/4616 – user3075968

Antwort

1

Sie haben minDate: new Date(). Das ist heute, aber dann versuchen Sie, das Datum auf den 12. Juni 2014 zu setzen, was weniger als das von Ihnen angegebene Mindestdatum ist. Wahrscheinlich ist es deshalb leer.

+0

Hallo Lex verwandt ist - leider ist das nicht (ich versuchte, zu entfernen und dann auch die min/max zu bearbeiten, um zu sehen, ob Folge) aber keine Veränderung. Das Eingabefeld ist leer, das Kalender-Popup ist jedoch korrekt. Was bizarr ist, ist, dass ich es in einer anderen ähnlichen Anwendung laufen lasse - vorausgesetzt, sie verwenden verschiedene Versionen. – user3075968

Verwandte Themen