How to add today's Date via a ng-model to my date input?

Question

I need to show today's date in my date input:

<input type="date" ng-model="data.date">

Here is my JS Code:

$scope.data = {};
$scope.data.date = new Date().toDateString();

But the result is only: enter image description here

What did I wrong?

Answer 1

You can use input[type='date'] , but format data must be a valid ISO date string (yyyy-MM-dd)

<input type="date" ng-model="data.date">

and code

$scope.data = {};
$scope.data.date = new Date();

or convert today's date into a readable string

<input type="text" ng-model="data.date">

then code

 $scope.data = {};
 $scope.data.date = new Date().toDateString();