removing time from angular date function

Question

I have currently set up date formatting on my app..

Html

<span ng-bind="convertToDate(myDate) | date: 'medium'" id="dtText"></span>

Angular

$scope.myDate = new Date();
$scope.convertToDate = function (stringDate) {
var dateOut = new Date(stringDate);
dateOut.setDate(dateOut.getDate());
return dateOut;
};

I have the function working however it is displaying the time which i would like to remove. Just wondering what i would need to add to my function in order to prevent the time from displaying ?

Answer 1

How about just using

<span ng-bind="myDate | date: 'mediumDate'" id="dtText"></span>

No need to convert it.

The reason your convertDate function doesn't work is that Date.setDate only sets the date portion of the date value, leaving the time components intact. To reset the time components you would have to reset them individually something like

dateOut.setSeconds(0);
dateOut.setMinutes(0);
dateOut.setHours(0);

Answer 2

Specify format of date as argument

<span ng-bind="myDate | date: 'MMM d,y'" id="dtText"></span>