This repository was archived by the owner on Sep 5, 2024. It is now read-only.
File tree Expand file tree Collapse file tree 3 files changed +41
-0
lines changed
src/components/calendar/demoBasicUsage Expand file tree Collapse file tree 3 files changed +41
-0
lines changed Original file line number Diff line number Diff line change
1
+ < div ng-controller ="AppCtrl " style ='padding: 40px; '>
2
+ < md-content >
3
+ < h1 > {{title}}</ h1 >
4
+
5
+ < hr >
6
+ < p >
7
+ < h2 > Development tools</ h2 >
8
+ < button type ="button " ng-click ="adjustMonth(+1) "> Next month</ button >
9
+ < button type ="button " ng-click ="adjustMonth(-1) "> Prev month</ button >
10
+ < input type ="date " ng-model ="myDate ">
11
+ </ p >
12
+ < hr >
13
+
14
+ < md-calendar ng-model ="myDate "> </ md-calendar >
15
+
16
+ < br > < br >
17
+ < br > < br >
18
+ < br > < br >
19
+ < p > Here is a bunch of stuff after the calendar</ p >
20
+ < p > Here is a bunch of stuff after the calendar</ p >
21
+ < p > Here is a bunch of stuff after the calendar</ p >
22
+ < p > Here is a bunch of stuff after the calendar</ p >
23
+ < p > Here is a bunch of stuff after the calendar</ p >
24
+ < p > Here is a bunch of stuff after the calendar</ p >
25
+ < input >
26
+
27
+ </ md-content >
28
+ </ div >
Original file line number Diff line number Diff line change
1
+ angular . module ( 'calendarDemo1' , [ 'ngMaterial' ] )
2
+ . controller ( 'AppCtrl' , function ( $scope ) {
3
+ $scope . title = 'Calendar demo' ;
4
+ $scope . myDate = new Date ( ) ;
5
+
6
+ $scope . adjustMonth = function ( delta ) {
7
+ $scope . myDate = new Date (
8
+ $scope . myDate . getFullYear ( ) ,
9
+ $scope . myDate . getMonth ( ) + delta ,
10
+ $scope . myDate . getDate ( ) ) ;
11
+ } ;
12
+ } ) ;
Original file line number Diff line number Diff line change
1
+ /** Demo styles for mdCalendar. */
You can’t perform that action at this time.
0 commit comments