CODEWITHSUNDEEP
javascriptangularjsdatetimefilter
AlexFF1
AlexFF1

Reputation: 1283

Format time in angular js filter

How can I reformat time 06:31:04 to display only hh:mm - 06:31

Have tried

$scope.date = '06:31:04';

<p ng-bind="date | date:'HH:mm'"></p>

but time not formatting

How should I make it, thanks

Upvotes: 5

Views: 21819

Answers (3)

AlexFF1
AlexFF1

Reputation: 1283

The best solution was to write a filter

angular.module('foo', [])
.filter('formatTime', function ($filter) {
return function (time, format) {
    var parts = time.split(':');
    var date = new Date(0, 0, 0, parts[0], parts[1], parts[2]);
    return $filter('date')(date, format || 'h:mm');
};
});




{{ '06:31:04' | formatTime }}

Upvotes: 8

Kayvan Salimi
Kayvan Salimi

Reputation: 335

u can use the below simple example:

$scope.date=new Date();

now in the html we have:

    <h2>
        {{ today| date:'hh:mm'  }}
    </h2>

Upvotes: 0

schirrmacher
schirrmacher

Reputation: 2357

See the documentation.

<p ng-bind="date | date:"hh:mm"}}></p>

Besides I think the format of your date is wrong. Because

JavaScript Date instance [...] represents a single moment in time. Date objects are based on a time value that is the number of milliseconds since 1 January, 1970 UTC. (source)

Example: 1288323623006. So your format is not recognizable for the filter. Try:

$scope.date = new Date();

If you want to convert a string in your given format to a date, try:

var dateElements = "06:31:04".split(':');
var date = new Date();
date.setHours(time[0]);
date.setMinutes(time[1]);
$scope.date = date;

Then you can format it with the filter.

Upvotes: 7

Related Questions