-
Notifications
You must be signed in to change notification settings - Fork 34
/
index.html
35 lines (31 loc) · 1.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html ng-app="app">
<head>
<title>AngularJS DatePicker</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="src/css/ngDatepicker.css">
</head>
<body ng-controller="Ctrl as ctrl">
<div>
<h4>Basic Example</h4>
<ng-datepicker ng-model="ctrl.date1" first-week-day-sunday="true" placeholder="Pick a date">
</ng-datepicker>
<span ng-bind="ctrl.date1" style="display: block; margin-top: 5px;"></span>
</div>
<div>
<h4>Example with locale</h4 >
<ng-datepicker ng-model="ctrl.date2" locale="sl" format="DD.MM.YYYY" view-format="Do MMMM YYYY">
</ng-datepicker>
<span ng-bind="ctrl.date2" style="display: block; margin-top: 5px;"></span>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment-with-locales.min.js"></script>
<script type="text/javascript" src="src/js/ngDatepicker.js"></script>
<script type="text/javascript">
var app = angular.module('app', ['jkuri.datepicker']);
app.controller('Ctrl', [function() {
var self = this;
}]);
</script>
</body>
</html>