JSFiddle - React, Tailwind, and code Playground

by hanaeto

HTML

<!doctype html>
<html>
<head>
	<style type="text/css">
		div {
			padding: 5px;
		}
	</style>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script language="javascript">

	var TimestampModel = function() {
		this.isMillisecond = null;
		this.timestamp = null;
	}

	var myApp = angular.module( "myApp", [] );
	myApp.controller( "init", [ "$scope", function( $scope ) {

		$scope.timeStampModelList = [  ];
		$scope.eventBtnAddNgClick = function() {
			var firstOne = new TimestampModel();
			firstOne.isMillisecond = true;
			firstOne.timestamp = new Date().getTime();

			$scope.timeStampModelList.push( firstOne );
		}
		$scope.eventBtnRemoveNgClick = function() {
			$scope.timeStampModelList.pop();
		}

		$scope.eventBtnAddNgClick();
	} ] );
</script>

<!--<script type="text/ng-template" id="template">-->
<!--<div ng-controller="timeController">-->
<!--<label>Millisecond<input type="checkbox" ng-model="isMillisecond1" ng-change="eventTime1NgChange()" /></label>&nbsp;&nbsp;&nbsp;-->
<!--<input  type="number" ng-model="time1"  />&nbsp;&nbsp;&nbsp;-->
<!--{{ ( time1 * millisecond1 ) | date : "yyyy-MM-dd HH:mm:ss:sss" :timezone }}-->
<!--</div>-->
<!--</script>-->

<body ng-app="myApp" ng-controller="init">
<div >
	<button ng-click="eventBtnAddNgClick();">Add</button>
	<button ng-click="eventBtnRemoveNgClick()">Remove</button>
</div>
<div id="container">

</div>
<div ng-repeat="timestampModel in timeStampModelList" >
	<label>Millisecond<input type="checkbox" ng-model="timestampModel.isMillisecond" /></label>&nbsp;&nbsp;&nbsp;
	<input  type="number" ng-model="timestampModel.timestamp"  />&nbsp;&nbsp;&nbsp;
	{{ ( timestampModel.timestamp * ( timestampModel.isMillisecond ? 1 : 1000 ) ) | date : "yyyy-MM-dd HH:mm:ss:sss" :timezone }}
</div>


</body>
</html>