AngularJS Example:

by santhosh lanka

HTML

<div ng-app="application" ng-controller="AppCtrl">
    
    <form>
        
        <h2>Two-way binding example</h2>
        
        <pre>Format 1: {{ dateBirth | date: 'yyyy-MM-dd HH:mm:ss' }}
Format 2: {{ dateBirth | date: 'fullDate' }}</pre>
        
        <div class="form-group">
            <label for="date-birth" class="control-label">Birth date:</label>
            <div class="control">
                <input id="date-birth" class="form-control" type="date" ng-model="dateBirth">
            </div>
        </div>
            

        
    </form>
    
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/betsol/angular-input-date/master/src/angular-input-date.js"></script>

<style>

body {
    margin: 50px;
}

h2 {
    margin-bottom: 20px;
}
}

JavaScript

var application = angular.module('application', [
    'ngInputDate'
]);

application.controller('AppCtrl', ['$scope', function($scope) {
        $scope.dateBirth = new Date();
    }
]);