Angular UI Bootstrap Datepicker

by Sajeetharan Sinnathurai

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js"></script>
<div ng-controller="DatepickerDemoCtrl">
    <div class="col-md-4">
        <h4>Desde</h4>
      <datepicker ng-model="from" min-date="minDate" max-date="maxDate" starting-day="1"></datepicker>
    </div>
    
</div>

CSS

body {
    padding:20px
}

JavaScript

angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('DatepickerDemoCtrl', function ($scope, $filter) {

    $scope.minDate = new Date(2015, 8, 7);
    $scope.maxDate = new Date(2015, 8, 27);
})