Set default value of HTML5 date input field with angularJS

angularjs, javascript, momentjs

Solution

If you're using chrome you have to specify the Date format as 'yyyy-MM-dd'.

$scope.date = $filter("date")(Date.now(), 'yyyy-MM-dd');

It simply won't work otherwise. Here's a working version http://jsfiddle.net/bF9Pq/4/

Problem

I am hoping to bind the default value I generated in moment to the date and time input field. I tried ng-model and directly binding it to the value attributes. But none of it seems to work. Is there a way to make it work? Edit: Also, how to bind the time input field as well? ``` <body ng-app="myApp"> <div ng-controller="MyCtrl"> <input type="date" ng-model="date" value="{{date}}"> <p>{{date}}</p> <input type="time" ng-model="time" value="{{time}}"> </div> ``` Here is a fiddle for it: http://jsfiddle.net/chrisyeung/bF9Pq/

Original source