@@ -49,89 +49,12 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
4949 < select id ="theme-selector " style ="display: block; ">
5050 </ select >
5151 < br />
52- < div id ="scheduler "> </ div >
52+ < div id ="button "> </ div >
5353 < script >
5454 $ ( ( ) => {
55- const testData = [
56- {
57- text : 'Website Re-Design Plan' ,
58- startDate : new Date ( '2021-03-29T16:30:00.000Z' ) ,
59- endDate : new Date ( '2021-03-29T18:30:00.000Z' ) ,
60- } , {
61- text : 'Book Flights to San Fran for Sales Trip' ,
62- startDate : new Date ( '2021-03-29T19:00:00.000Z' ) ,
63- endDate : new Date ( '2021-03-29T20:00:00.000Z' ) ,
64- allDay : true ,
65- } , {
66- text : 'Install New Router in Dev Room' ,
67- startDate : new Date ( '2021-03-29T21:30:00.000Z' ) ,
68- endDate : new Date ( '2021-03-29T22:30:00.000Z' ) ,
69- } , {
70- text : 'Approve Personal Computer Upgrade Plan' ,
71- startDate : new Date ( '2021-03-30T17:00:00.000Z' ) ,
72- endDate : new Date ( '2021-03-30T18:00:00.000Z' ) ,
73- } , {
74- text : 'Final Budget Review' ,
75- startDate : new Date ( '2021-03-30T19:00:00.000Z' ) ,
76- endDate : new Date ( '2021-03-30T20:35:00.000Z' ) ,
77- } , {
78- text : 'New Brochures' ,
79- startDate : new Date ( '2021-03-30T21:30:00.000Z' ) ,
80- endDate : new Date ( '2021-03-30T22:45:00.000Z' ) ,
81- } , {
82- text : 'Install New Database' ,
83- startDate : new Date ( '2021-03-31T16:45:00.000Z' ) ,
84- endDate : new Date ( '2021-03-31T18:15:00.000Z' ) ,
85- } , {
86- text : 'Approve New Online Marketing Strategy' ,
87- startDate : new Date ( '2021-03-31T19:00:00.000Z' ) ,
88- endDate : new Date ( '2021-03-31T21:00:00.000Z' ) ,
89- } , {
90- text : 'Upgrade Personal Computers' ,
91- startDate : new Date ( '2021-03-31T22:15:00.000Z' ) ,
92- endDate : new Date ( '2021-03-31T23:30:00.000Z' ) ,
93- } , {
94- text : 'Customer Workshop' ,
95- startDate : new Date ( '2021-04-01T18:00:00.000Z' ) ,
96- endDate : new Date ( '2021-04-01T19:00:00.000Z' ) ,
97- allDay : true ,
98- } , {
99- text : 'Prepare 2021 Marketing Plan' ,
100- startDate : new Date ( '2021-04-01T18:00:00.000Z' ) ,
101- endDate : new Date ( '2021-04-01T20:30:00.000Z' ) ,
102- } , {
103- text : 'Brochure Design Review' ,
104- startDate : new Date ( '2021-04-01T21:00:00.000Z' ) ,
105- endDate : new Date ( '2021-04-01T22:30:00.000Z' ) ,
106- } , {
107- text : 'Create Icons for Website' ,
108- startDate : new Date ( '2021-04-02T17:00:00.000Z' ) ,
109- endDate : new Date ( '2021-04-02T18:30:00.000Z' ) ,
110- } , {
111- text : 'Upgrade Server Hardware' ,
112- startDate : new Date ( '2021-04-02T21:30:00.000Z' ) ,
113- endDate : new Date ( '2021-04-02T23:00:00.000Z' ) ,
114- } , {
115- text : 'Submit New Website Design' ,
116- startDate : new Date ( '2021-04-02T23:30:00.000Z' ) ,
117- endDate : new Date ( '2021-04-03T01:00:00.000Z' ) ,
118- } , {
119- text : 'Launch New Website' ,
120- startDate : new Date ( '2021-04-02T19:20:00.000Z' ) ,
121- endDate : new Date ( '2021-04-02T21:00:00.000Z' ) ,
122- }
123- ] ;
124-
125- $ ( "#scheduler" ) . dxScheduler ( {
126- timeZone : 'America/Los_Angeles' ,
127- dataSource : testData ,
128- views : [ 'week' ] ,
129- currentView : 'week' ,
130- currentDate : new Date ( 2021 , 2 , 28 ) ,
131- startDayHour : 9 ,
132- height : 730 ,
133- crossScrollingEnabled : true ,
134- width : 500
55+ $ ( "#button" ) . dxButton ( {
56+ text : 'Click me!' ,
57+ onClick : ( ) => { alert ( "clicked" ) ; }
13558 } ) ;
13659 } ) ;
13760 </ script >
0 commit comments