OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset=utf-8> | 4 <meta charset=utf-8> |
5 <title>Calendar Picker test</title> | 5 <title>Calendar Picker test</title> |
6 <style> | 6 <style> |
7 body { | 7 body { |
8 background-color: #eeffff; | 8 background-color: #eeffff; |
9 } | 9 } |
10 iframe { | 10 iframe { |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
51 dayLabels : ['日', '月', '火', '水', '木', '金', '土'], | 51 dayLabels : ['日', '月', '火', '水', '木', '金', '土'], |
52 todayLabel : '今日', | 52 todayLabel : '今日', |
53 clearLabel : 'クリア', | 53 clearLabel : 'クリア', |
54 cancelLabel : '取り消し', | 54 cancelLabel : '取り消し', |
55 weekStartDay : 0, | 55 weekStartDay : 0, |
56 step : 1, | 56 step : 1, |
57 max : '2099-03-15', | 57 max : '2099-03-15', |
58 }; | 58 }; |
59 var arabicArguments = { | 59 var arabicArguments = { |
60 locale: 'ar', | 60 locale: 'ar', |
| 61 isRTL: true, |
61 monthLabels : ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو', | 62 monthLabels : ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو', |
62 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'], | 63 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'], |
63 dayLabels : ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'], | 64 dayLabels : ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'], |
64 todayLabel : 'اليوم', | 65 todayLabel : 'اليوم', |
65 clearLabel : 'مسح', | 66 clearLabel : 'مسح', |
66 weekStartDay : 5, | 67 weekStartDay : 5, |
67 step : 1, | 68 step : 1, |
68 max : '2020-05-15', | 69 max : '2020-05-15', |
69 }; | 70 }; |
70 | 71 |
(...skipping 17 matching lines...) Expand all Loading... |
88 } | 89 } |
89 } | 90 } |
90 | 91 |
91 setTimeout(function() { | 92 setTimeout(function() { |
92 frame.contentWindow.postMessage(JSON.stringify(args), "*"); | 93 frame.contentWindow.postMessage(JSON.stringify(args), "*"); |
93 frame.contentWindow.pagePopupController = pagePopupController; | 94 frame.contentWindow.pagePopupController = pagePopupController; |
94 }, 100); | 95 }, 100); |
95 } | 96 } |
96 | 97 |
97 function selected(select) { | 98 function selected(select) { |
| 99 var frame = document.getElementsByTagName('iframe')[0]; |
| 100 frame.style.width = '100px'; |
| 101 frame.style.height = '100px'; |
98 switch (select.selectedIndex) { | 102 switch (select.selectedIndex) { |
99 case 0: | 103 case 0: |
100 openCalendar(englishArguments); | 104 openCalendar(englishArguments); |
101 break; | 105 break; |
102 case 1: | 106 case 1: |
103 openCalendar(japaneseArguments); | 107 openCalendar(japaneseArguments); |
104 break; | 108 break; |
105 case 2: | 109 case 2: |
106 openCalendar(arabicArguments); | 110 openCalendar(arabicArguments); |
107 break; | 111 break; |
108 } | 112 } |
109 } | 113 } |
110 | 114 |
111 function log(str) { | 115 function log(str) { |
112 var entry = document.createElement('li'); | 116 var entry = document.createElement('li'); |
113 entry.innerText = str; | 117 entry.innerText = str; |
114 document.getElementById('console').appendChild(entry); | 118 document.getElementById('console').appendChild(entry); |
115 } | 119 } |
116 | 120 |
117 openCalendar(englishArguments); | 121 openCalendar(englishArguments); |
118 </script> | 122 </script> |
119 </body> | 123 </body> |
120 </html> | 124 </html> |
OLD | NEW |