Calendar"
From Documentation
Line 4: | Line 4: | ||
== Keyboard Support == | == Keyboard Support == | ||
− | {| | + | {| class='wikitable' |
! <center>Key</center> | ! <center>Key</center> | ||
! <center>Description</center> | ! <center>Description</center> |
Revision as of 10:41, 23 August 2023
Since 9.5.0
- Available for ZK:
Label a Component
To name a component with ARIA attribute by adding the aria-label
client attribute to the component, please refer to ZK_Developer's_Reference/Accessibility#Specify_ARIA_Attributes
Keyboard Support
ArrowUp / ArrowDown / ArrowLeft / ArrowRight | Navigate the date. |
Enter / Spacebar | Select the date. |
Calendar Day AriaLabel Renderer
This is achieved by overriding the default renderer at the client to customize the aria-label of days on ZK's Calendar.
<zk>
<script><![CDATA[
zk.afterLoad('zul.db', function(){
zul.db.Renderer.cellAriaLabel = function (cal, y, m, day, monthofs, dayofweek) {
var localizedSymbols = cal.getLocalizedSymbols();
return day + ' ' + localizedSymbols.FMON[m] + ', ' + y; // dd MMMM, yyyy
};
});
]]></script>
<calendar/>
</zk>
[Since 9.5.0]