Adding DatePicker to the Web Page in AngularJS

Pradeep Sahoo

11y5.4kCode

This code Snippet tells how we need to add date picker in AngularJs Web page.

<!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 ng-controller="MainController">
        <input type="date" ng-model="date" value="{{ date | date: 'yyyy/MM/dd' }}" />
        <br />
 <br />
 <b>Selected Date is: </b>{{ date | date: 'dd/MM/yyyy' }}
    </div>
</body>
</html>