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
+ } ) ;
0 commit comments