AngularJS UI-Bootstrap-Datepicker-Datum-Format im Controller ist nicht korrekt

Ich bin mit einem datepicker in meine html-Seite wie folgt:

HTML

  <div ng-controller="StartDateCtrl">
    <label class="control-label" for="startDate">  Date:</label>   
    <div class="row">
        <div class="col-md-6">
            <p class="input-group">
              <input type="text"  name="startDate" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd" ng-model="startDate" is-open="opened" min="minDate" max="'22-06-2015'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
              <span class="input-group-btn">
                <button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
        </div>
    </div>
    </div>

DATUM-PICKER-CONTROLLER

var StartDateCtrl= function ($scope) {
  $scope.today = function() {
    $scope.travelStartDate = new Date();
  };
  $scope.today();

  $scope.showWeeks = true;
  $scope.toggleWeeks = function () {
    $scope.showWeeks = ! $scope.showWeeks;
  };

  $scope.clear = function () {
    $scope.travelStartDate = null;
  };

  //Disable weekend selection
  $scope.disabled = function(date, mode) {
    return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
  };

  $scope.toggleMin = function() {
    $scope.minDate = ( $scope.minDate ) ? null : new Date();
  };
  $scope.toggleMin();

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

    $scope.opened = true;
  };

  $scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1
  };

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

HAUPT-CONTROLLER

app.controller('UpdateShoppingBasketCtrl', ['$scope', 'ShoppingBasketFactory', '$location',
                                  function ($scope, ShoppingBasketFactory, $location) {


        alert('START DATE = '+ $scope.startDate );
}]);

Wenn die web-Seite vorlegen, ich bin retriving das Datum im Hauptformular controller aber das format ist Verschieden von dem, was angezeigt wird in meinem date-picker popup.
Das format angezeigt, nach der Auswahl ist zum Beispiel '26/03/2014'.
Aber in meinem controller habe ich bekommen :
Thu 26 Mar 2014 00:00:00 GMT 0000 (GMT Standard Time)

Bitte, Wie bekomme ich das angezeigt Datum-format in den controller und NICHT die "Thu 26 Mar 2014 00:00:00 GMT 0000 (GMT Standard Time)"????

InformationsquelleAutor olatom | 2014-03-26

12

Können Sie Datum filter für die Formatierung der Termine.
Hier ist die demo:
```
<body ng-app="MyApp" ng-controller="MyController">
   <div>{{date}}</div>
</body>
```
Skript:
```
angular.module('MyApp',[])
       .controller('MyController',function($scope,$filter){
    $scope.date = $filter('date')(Date.now(),'yyyy-MM-dd'); 
});
```
Dank meinen Kolleginnen und Ingenieur, aber die Umwandlung hat keine Auswirkung auf den Wert Lesen. HINWEIS: Das Datum richtig formatiert ist auf der web-Seite, das Problem ist mit dem, was ich lese in den controller. Ich habe versucht: $scope.Datum = $filter('Datum')($scope.startDate,'yyyy-MM-dd'); d.h. Austausch Datum.jetzt() der Umfang, aber KEINE Freude. Irgendwelche Ideen ..
Vielleicht die startDate ist String nicht Date Objekt. So versuchen, es zu konvertieren, um Date Objekt. Sie können es tun, indem new Date($scope.startDate).
Wow, das hat geklappt. Ich habe ehrlich gesagt nicht zu denken war entlang der Linien von Parsen des Datums. Ich dachte, da der datepicker hat eine Formatierung Attribut 'YYYY-MM-dd', es nicht brauchen zu analysieren, es in den controller. Aber, ich denke immer noch, datepicker sollte konfigurierbar sein, so dass wir nicht tun müssen, um die Formatierung des Datums im AngularJS-Controller. Was denkst du?
Eigentlich ist der datepicker funktioniert mit Date Objekt, nicht mit String.Es ist nur schmückt entsprechend des angegebenen formats und zeigt in der Ansicht. Zum Beispiel ,es ist wie ein css-Dateien. Wenn Sie einige text in Ihrem div durch die Anwendung einige Stile, div , Sie sehen die eingerichtete div, nicht nur ein schwarzer text. So funktioniert der datepicker. Es gilt styles' zu Date Objekt. Hoffe, Sie bekommen die Idee.
OK ... vielen Dank für deine Hilfe.

InformationsquelleAutor Engineer
4

Müssen Sie einfach Holen Sie sich die Modell-Wert in eckigen filter-Methode und geben Sie das Datum der Formatierung, die Sie wollen. Eine weitere Sache, Ihren Bedarf zu definieren $filter im controller als auch.
```
var dateValue =$filter('date')($scope.date, 'MM/dd/yyyy'),
```
InformationsquelleAutor Bittu Singh
4

Während diese Frage wurde bereits beantwortet, werde ich eine alternative, zusammen mit einigen mehr Details.

Das Problem ist tatsächlich ein bug Auftritt in Winkel-1.3.0-rc0-und ab. Eine weitere Lösung, neben der Verwendung $filter ist, ist die Definition einer benutzerdefinierten Richtlinie DaveWM beschreibt:
```
directive('datepickerPopup', function (){
  return {
    restrict: 'EAC',
    require: 'ngModel',
    link: function(scope, element, attr, controller) {
      //remove the default formatter from the input directive to prevent conflict
      controller.$formatters.shift();
    }
  }
})
```
Dass sollte den gleichen Effekt haben wie mit $filter.

InformationsquelleAutor Kenco

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.