JSFiddle - React, Tailwind, and code Playground

by GruffBunny

HTML

<div ng-app='MyModule' ng-controller="MyController">
    <p>Date1 {{item.bDate1 | date:'dd.MM.yyyy HH:mm' }} - {{item.eDate1 | enddate: item.bDate1}}</p>             <p>Date 2 {{item.bDate2 | date:'dd.MM.yyyy HH:mm' }} - {{item.eDate2 | enddate: item.bDate2}}</p>
</div>

JavaScript

angular.module('MyModule', [])

.controller('MyController', function( $scope ) {
    $scope.item = {
        bDate1: new Date(2014, 5, 24, 12, 0, 0),
        eDate1: new Date(2014, 6, 01, 13, 30, 0),
        bDate2: new Date(2014, 5, 24, 12, 0, 0),
        eDate2: new Date(2014, 5, 24, 13, 30, 0),
    };
})

.filter('enddate', function($filter){

	var filterDate = $filter('date');

	function datesEqual(endDate, startDate){
		return endDate.getDate() == startDate.getDate() &&
			endDate.getMonth() == startDate.getMonth() &&
			endDate.getYear() == startDate.getYear();
	}

	return function(endDate, startDate){
		return datesEqual(endDate,startDate) ? filterDate(endDate, 'HH:mm'): filterDate(endDate, 'dd.MM.yyyy HH:mm');
	};
})