Angular-bootstrap3-datepicker
HTML
<script src="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/js/jquery.js"></script>
<script src="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/js/bootstrap.js"></script>
<script src="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/js/angular.js"></script>
<script src="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/js/moment.js"></script>
<script src="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/js/fr-ca.js"></script>
<script src="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/js/angular-bootstrap3-datepicker.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/css/angular-bootstrap3-datepicker.css">
<link rel="stylesheet" href="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/css/bootstrap.css">
<link rel="stylesheet" href="https://rawgithub.com/benzen/angular-bootstrap3-datepicker/master/example/css/font-awesome.css">
<div>
<div data-ng-controller='AppCtrl'>
<div class='form-group'>
<label>A date with french canadian language</label>
<datepicker id="date1" data-ng-model='date1' language="fr-ca" date-format="YYYY-MM-DD"/>
</div>
<div class='form-group'>
<label>A date in canadian english</label>
<datepicker id="date2" data-ng-model='date2' language="en-ca"/>
</div>
<div class='form-group'>
<label>A simple date with another format</label>
<datepicker id="date3" data-ng-model='date3' language="fr-ca" date-format="DD/MM/YYYY"/>
</div>
</div>
</div>
JavaScript
app = angular.module('demo', ['ng-bootstrap3-datepicker']);
app.controller('AppCtrl', function($scope){
console.log("do something crazy about control");
});
angular.bootstrap( document, ['demo']);