| 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 13 matching lines...) Expand all Loading... |
| 84 frame.contentWindow.postMessage(JSON.stringify(args), "*"); | 85 frame.contentWindow.postMessage(JSON.stringify(args), "*"); |
| 85 frame.contentWindow.setValueAndClosePopup = function(numValue, stringVal
ue) { | 86 frame.contentWindow.setValueAndClosePopup = function(numValue, stringVal
ue) { |
| 86 window.log('number=' + numValue + ', string="' + stringValue + '"'); | 87 window.log('number=' + numValue + ', string="' + stringValue + '"'); |
| 87 if (numValue == 0) | 88 if (numValue == 0) |
| 88 window.document.getElementById('date').value = stringValue; | 89 window.document.getElementById('date').value = stringValue; |
| 89 }; | 90 }; |
| 90 }, 100); | 91 }, 100); |
| 91 } | 92 } |
| 92 | 93 |
| 93 function selected(select) { | 94 function selected(select) { |
| 95 var frame = document.getElementsByTagName('iframe')[0]; |
| 96 frame.style.width = '100px'; |
| 97 frame.style.height = '100px'; |
| 94 switch (select.selectedIndex) { | 98 switch (select.selectedIndex) { |
| 95 case 0: | 99 case 0: |
| 96 openCalendar(englishArguments); | 100 openCalendar(englishArguments); |
| 97 break; | 101 break; |
| 98 case 1: | 102 case 1: |
| 99 openCalendar(japaneseArguments); | 103 openCalendar(japaneseArguments); |
| 100 break; | 104 break; |
| 101 case 2: | 105 case 2: |
| 102 openCalendar(arabicArguments); | 106 openCalendar(arabicArguments); |
| 103 break; | 107 break; |
| 104 } | 108 } |
| 105 } | 109 } |
| 106 | 110 |
| 107 function log(str) { | 111 function log(str) { |
| 108 var entry = document.createElement('li'); | 112 var entry = document.createElement('li'); |
| 109 entry.innerText = str; | 113 entry.innerText = str; |
| 110 document.getElementById('console').appendChild(entry); | 114 document.getElementById('console').appendChild(entry); |
| 111 } | 115 } |
| 112 | 116 |
| 113 openCalendar(englishArguments); | 117 openCalendar(englishArguments); |
| 114 </script> | 118 </script> |
| 115 </body> | 119 </body> |
| 116 </html> | 120 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 10800003:
Merge 122212 - RTL calendar picker for <input type=date> is too narrow and clipped (Closed)
Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/1132/