input date in angularjs

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
  <script>
    function MainController($scope) {
      $scope.date = new Date();
    }
  </script>
</head>

<body ng-app>
  <div>
    <h2>Input date in AngularJs</h2> 
  </div>
  <div ng-controller="MainController">
    <input type="date" ng-model="date" value="{{ date | date: 'yyyy/MM/dd' }}" />
    <br />
    Selected Date : {{ date | date: 'dd/MM/yyyy' }}
  </div>
          <div>
                <br><a href="http://www.code-sample.com/2014/09/angularjs-documentation.html">Click for more date types</a>
        </div>
</body>

</html>

// Code goes here

/* Styles go here */