Konvertieren von C# DateTime in Angular Date

Question

Ich habe eine Angular-Sammlung an einen Repeater gebunden, die von einem MVC JsonResult aufgefüllt wird.

$scope.loadData = function() { 
     $http.get('/Product/GetDiscountCodes') 
      .then(function (result) { 
       console.log(result); 
       $scope.discountCodes = result.data.DiscountCodes; 
       $scope.selected = {}; 
      }); 
    }; 

Eines der Felder im Repeater ist mit dem Datum gefüllt. Das Datum vom Server zurückgegeben wird, ist C# Datetime, die wie folgt aussieht:

1/5/2015 12:02:00 AM

jedoch, wenn es von Angular ist Displays wie folgt gebunden ist:

/Datum (1420434120000)/

Wie kann ich das Datum korrekt in meinem Textfeld im Format MM/TT/JJJJ anzeigen lassen?

Ich versuchte das ui-utils Datumsformat, aber das hat nicht funktioniert.

Ich habe auch versucht, meine eigene Direktive zu erstellen, die das Datum richtig formatiert, aber wenn das Speichern Ereignis passiert, ist das Datum, das an die serverseitige Methode gesendet wird, aufgebockt.

 function inputDate() { 
    return { 
     require: 'ngModel', 
     link: function (scope, element, attrs, ngModelController) { 
      ngModelController.$parsers.push(function (data) { 
       if (data === null) { return null; } 
       var d = moment(data).format('YYYY-MM-DD'); 
       return d; 
      }); 

      ngModelController.$formatters.push(function (data) { 
       if (data === null) { return null; } 
       return moment(data).format('MM/DD/YYYY'); 
      }); 
     } 
    } 
} 
    angular.module('discountApp') 
    .directive('inputDate', inputDate); 

Dank für die Hilfe!

Answer 1

var app = angular.module('app',[]); 
app.filter('ctime', function(){ 

    return function(jsonDate){ 

    var date = new Date(parseInt(jsonDate.substr(6))); 
    return date; 
    }; 

}); 
app.controller('fCtrl', function($scope){ 

    $scope.date = '/Date(1420875802707)/'; 

}); 

Answer 2

Dies scheint Problem mit der Serialisierungsbibliothek zu sein, die Sie in .Net verwenden. Schauen Sie sich diese Blog-Post von Scott Hanselman

http://www.hanselman.com/blog/OnTheNightmareThatIsJSONDatesPlusJSONNETAndASPNETWebAPI.aspx

Er spricht über dieses Thema. Datum sollte als ISO 8601 Format serialisiert werden.

Sie müssen Ihre Serializer ändern können, finden Sie hier Setting the Default JSON Serializer in ASP.NET MVC

Answer 3

Code Skript: $filter('date')($scope.Your_DateTime_Model, 'MM/dd/yyyy')

Codeansicht mit: <input class="form-control" type="text" data-ng-model="Your_DateTime_Model | date:'MM/dd/yyyy'" />

Answer 4

verwenden, um die {sampledate.slice (6, -2) | Datum: 'TT/MM/JJJJ'}