JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div ng-app="myApp">
  <div ng-controller="myCtrl as vm">
    <input type="date" ng-model="vm.startDate">
    <button ng-click="vm.convertStartDateToUTC()" ng-disabled="!vm.startDate">
      Convert Date To UTC
    </button>
		<br>ORIGINAL: {{vm.startDate | json}}
    <br>LOCAL> :{{vm.startDateUTC2 | date:"dd/mm/yyyy"}}
  </div>

</div>

TypeScript

class MyCtrl {
	constructor(public $filter) {
	}
	
	convertStartDateToUTC() {
		console.log("aa", this);
		this.startDateUTC2 = this.utcToLocal(this.startDate, "dd/MM/yyyy hh:mmZ");
	}
	
	utcToLocal(utcDateString, format) {   
    return this.$filter('date')(utcDateString, format);
  };
}

let myApp = angular.module('myApp', []);
myApp.controller('myCtrl', ['$filter', MyCtrl]);

/*
function($scope, $filter) {
	var vm = this;

  vm.convertStartDateToUTC = function() {
    vm.startDateUTC2 = utcToLocal(vm.startDate, "dd/MM/yyyy hh:mmZ");
  }
	
  function utcToLocal(utcDateString, format) {   
    return $filter('date')(utcDateString, format);
  };
	
}
*/