1
- /// <reference path="eonasdan-bootstrap-datetimepicker.d.ts"/>
2
-
3
- // Minimum Setup
4
- $ ( "#datetimepicker1" ) . datetimepicker ( ) ;
5
-
6
- // Using Locales
7
- $ ( "#datetimepicker2" ) . datetimepicker ( {
8
- locale : "ru"
9
- } ) ;
10
-
11
- // Custom Formats
12
- $ ( "#datetimepicker3" ) . datetimepicker ( {
13
- format : "LT"
14
- } ) ;
15
-
16
- // Enabled/Disabled Dates
17
- $ ( "#datetimepicker5" ) . datetimepicker ( {
18
- defaultDate : "11/1/2013" ,
19
- disabledDates : [
20
- moment ( "12/25/2013" ) ,
21
- new Date ( 2013 , 11 - 1 , 21 ) ,
22
- "11/22/2013 00:53"
23
- ]
24
- } ) ;
25
-
26
- // Enabled/Disabled Hours
27
- $ ( "#datetimepicker" ) . datetimepicker ( {
28
- format : "LT" ,
29
- enabledHours : [ 9 , 10 , 11 , 12 , 13 , 14 , 15 , 16 , 17 , 18 , 19 , 20 ]
30
- } ) ;
31
-
32
- // Linked Pickers
33
- $ ( "#datetimepicker7" ) . datetimepicker ( {
34
- useCurrent : false
35
- } ) ;
36
- $ ( "#datetimepicker6" ) . on ( "dp.change" , function ( e ) {
37
- $ ( "#datetimepicker7" ) . data ( "DateTimePicker" ) . minDate ( e . date ) ;
38
- } ) ;
39
- $ ( "#datetimepicker7" ) . on ( "dp.change" , function ( e ) {
40
- $ ( "#datetimepicker6" ) . data ( "DateTimePicker" ) . maxDate ( e . date ) ;
41
- } ) ;
42
-
43
- // Custom Icons
44
- $ ( "#datetimepicker8" ) . datetimepicker ( {
45
- icons : {
46
- time : "fa fa-clock-o" ,
47
- date : "fa fa-calendar" ,
48
- up : "fa fa-arrow-up" ,
49
- down : "fa fa-arrow-down"
50
- }
51
- } ) ;
52
-
53
- // Min View Mode
54
- $ ( "#datetimepicker10" ) . datetimepicker ( {
55
- viewMode : "years" ,
56
- format : "MM/YYYY"
57
- } ) ;
58
-
59
- // Disabled Days of the Week
60
- $ ( "#datetimepicker11" ) . datetimepicker ( {
61
- daysOfWeekDisabled : [ 0 , 6 , EonasdanBootstrapDatetimepicker . DayOfWeek . Thursday ]
62
- } ) ;
63
-
64
- // Inline
65
- $ ( "#datetimepicker12" ) . datetimepicker ( {
66
- inline : true ,
67
- sideBySide : true
68
- } ) ;
69
-
70
- // Functions
71
- $ ( "#dtpFrom" ) . datetimepicker ( {
72
- useCurrent : true ,
73
- format : "DD/MM/YYYY" ,
74
- showTodayButton : true ,
75
- showClear : true ,
76
- showClose : true ,
77
- maxDate : new Date ( ) ,
78
- toolbarPlacement : "top"
79
- } ) ;
80
- $ ( "#dtpFrom" ) . data ( "DateTimePicker" ) . date ( moment ( new Date ( ) ) . format ( "DD/MM/YYYY" ) ) ;
81
-
82
- // Event
83
- var datepicker = $ ( "#datepicker" ) . parent ( ) ;
84
- datepicker . datetimepicker ( {
85
- locale : "pl" ,
86
- format : "YYYY-MM-DD" ,
87
- minDate : new Date ( 1900 , 0 , 1 ) ,
88
- showTodayButton : true ,
89
- toolbarPlacement : "top" ,
90
- widgetPositioning : {
91
- horizontal : "right"
92
- }
93
- } ) ;
94
- datepicker . on ( "dp.change" , function ( e ) {
95
- alert ( "e.date=" + e . date ) ;
1
+ /// <reference path="eonasdan-bootstrap-datetimepicker.d.ts"/>
2
+
3
+ // Minimum Setup
4
+ $ ( "#datetimepicker1" ) . datetimepicker ( ) ;
5
+
6
+ // Using Locales
7
+ $ ( "#datetimepicker2" ) . datetimepicker ( {
8
+ locale : "ru"
9
+ } ) ;
10
+
11
+ // Custom Formats
12
+ $ ( "#datetimepicker3" ) . datetimepicker ( {
13
+ format : "LT"
14
+ } ) ;
15
+
16
+ // Enabled/Disabled Dates
17
+ $ ( "#datetimepicker5" ) . datetimepicker ( {
18
+ defaultDate : "11/1/2013" ,
19
+ disabledDates : [
20
+ moment ( "12/25/2013" ) ,
21
+ new Date ( 2013 , 11 - 1 , 21 ) ,
22
+ "11/22/2013 00:53"
23
+ ]
24
+ } ) ;
25
+
26
+ // Enabled/Disabled Hours
27
+ $ ( "#datetimepicker" ) . datetimepicker ( {
28
+ format : "LT" ,
29
+ enabledHours : [ 9 , 10 , 11 , 12 , 13 , 14 , 15 , 16 , 17 , 18 , 19 , 20 ]
30
+ } ) ;
31
+
32
+ // Linked Pickers
33
+ $ ( "#datetimepicker7" ) . datetimepicker ( {
34
+ useCurrent : false
35
+ } ) ;
36
+ $ ( "#datetimepicker6" ) . on ( "dp.change" , function ( e ) {
37
+ $ ( "#datetimepicker7" ) . data ( "DateTimePicker" ) . minDate ( e . date ) ;
38
+ } ) ;
39
+ $ ( "#datetimepicker7" ) . on ( "dp.change" , function ( e ) {
40
+ $ ( "#datetimepicker6" ) . data ( "DateTimePicker" ) . maxDate ( e . date ) ;
41
+ } ) ;
42
+
43
+ // Custom Icons
44
+ $ ( "#datetimepicker8" ) . datetimepicker ( {
45
+ icons : {
46
+ time : "fa fa-clock-o" ,
47
+ date : "fa fa-calendar" ,
48
+ up : "fa fa-arrow-up" ,
49
+ down : "fa fa-arrow-down"
50
+ }
51
+ } ) ;
52
+
53
+ // Min View Mode
54
+ $ ( "#datetimepicker10" ) . datetimepicker ( {
55
+ viewMode : "years" ,
56
+ format : "MM/YYYY"
57
+ } ) ;
58
+
59
+ // Disabled Days of the Week
60
+ $ ( "#datetimepicker11" ) . datetimepicker ( {
61
+ daysOfWeekDisabled : [ 0 , 6 , EonasdanBootstrapDatetimepicker . DayOfWeek . Thursday ]
62
+ } ) ;
63
+
64
+ // Inline
65
+ $ ( "#datetimepicker12" ) . datetimepicker ( {
66
+ inline : true ,
67
+ sideBySide : true
68
+ } ) ;
69
+
70
+ // Functions
71
+ $ ( "#dtpFrom" ) . datetimepicker ( {
72
+ useCurrent : true ,
73
+ format : "DD/MM/YYYY" ,
74
+ showTodayButton : true ,
75
+ showClear : true ,
76
+ showClose : true ,
77
+ maxDate : new Date ( ) ,
78
+ toolbarPlacement : "top"
79
+ } ) ;
80
+ $ ( "#dtpFrom" ) . data ( "DateTimePicker" ) . date ( moment ( new Date ( ) ) . format ( "DD/MM/YYYY" ) ) ;
81
+
82
+ // Event
83
+ var datepicker = $ ( "#datepicker" ) . parent ( ) ;
84
+ datepicker . datetimepicker ( {
85
+ locale : "pl" ,
86
+ format : "YYYY-MM-DD" ,
87
+ minDate : new Date ( 1900 , 0 , 1 ) ,
88
+ showTodayButton : true ,
89
+ toolbarPlacement : "top" ,
90
+ widgetPositioning : {
91
+ horizontal : "right"
92
+ }
93
+ } ) ;
94
+ datepicker . on ( "dp.change" , function ( e ) {
95
+ alert ( "e.date=" + e . date ) ;
96
96
} ) ;
0 commit comments