JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.2/moment.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app="TestApp" class="col-md-12">
<div ng-controller="testController">
<div class="bs-callout bs-callout-danger">
<h4>Normal method convert to "MM/dd/yy"</h4>
<p>{{normalDate}}</p>
<h4>Result for manul date input from 2015-01-29T00:00:00 </h4>
<p>{{resultFromDate}}</p>
</div>
<div class="bs-callout bs-callout-info">
<h4>Unix Timestamp Conversion from {{unixTimeStamp}}</h4>
<p>{{unixTimeStampResult}}</p>
<h4>Date to Unix convert from 2015-01-29T00:00:00</h4>
<p>{{dateToUnix}}</p>
<h4>Unix to Date convert from {{dateToUnix}} and display at date format of "MM/dd/yy"</h4>
<p>{{directUnixVal}}</p>
</div>
</div>
</div>
CSS
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout-danger {
border-left-color: #ce4844;
}
.bs-callout-info {
border-left-color: #1b809e;
}
JavaScript
(function(){
angular.module('TestApp',[])
.controller("testController",['$scope','$filter',
function($scope,$filter){
//Wrong date conversions
$scope.normalDate= $filter('date')(Date(),"MM/dd/yy");
$scope.resultFromDate=moment("2015-01-29").format("MM/DD/YY");
//correct date conversion
$scope.unixTimeStamp=Date.now();
$scope.unixTimeStampResult= $filter('date')($scope.unixTimeStamp,"MM/dd/yy");
$scope.dateToUnix=new Date(moment("2015-01-29T00:00:00")).getTime();
$scope.directUnixVal=$filter('date')($scope.dateToUnix,"MM/dd/yy");
}]);
})();