JSFiddle - React, Tailwind, and code Playground

by anoop chandran

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");                    
            
        }]);
})();