Calendar"

From Documentation
m (Created page with '{{ZKDevelopersGuidePageHeader}} __TOC__ The calendar has a 'flat' display and allows a user to select a day. <source lang="xml" > <hbox> <calendar id="cal" onChange="in.va…')
 
m (correct highlight (via JWB))
 
Line 13: Line 13:
  
 
=== The value Property and the onChange Event ===
 
=== The value Property and the onChange Event ===
Like input controls, the calendar supports the <tt>value</tt> attribute allowing developers to get and set the selected day. In addition, developers are able to listen to the <tt>onChange</tt> event to process it immediatel.
+
Like input controls, the calendar supports the <code>value</code> attribute allowing developers to get and set the selected day. In addition, developers are able to listen to the <code>onChange</code> event to process it immediatel.
  
 
=== The compact Property ===
 
=== The compact Property ===
Line 19: Line 19:
 
[[Image:10000000000000BC0000007A5A0A2B82.png]]
 
[[Image:10000000000000BC0000007A5A0A2B82.png]]
  
A calendar supports two different layouts and can be controlled by using the <tt>compact</tt> attribute.
+
A calendar supports two different layouts and can be controlled by using the <code>compact</code> attribute.
  
 
<source lang="xml" >
 
<source lang="xml" >

Latest revision as of 10:41, 19 January 2022

Stop.png This documentation is for an older version of ZK. For the latest one, please click here.


The calendar has a 'flat' display and allows a user to select a day.

<hbox>
    <calendar id="cal" onChange="in.value = cal.value"/>
    <datebox id="in" onChange="cal.value = in.value"/>
</hbox>

The value Property and the onChange Event

Like input controls, the calendar supports the value attribute allowing developers to get and set the selected day. In addition, developers are able to listen to the onChange event to process it immediatel.

The compact Property

10000000000000BC0000007A5A0A2B82.png

A calendar supports two different layouts and can be controlled by using the compact attribute.

<calendar compact="true"/>

The default value depends on the current Locale.



Last Update : 2022/01/19

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.