You can drag the Calendar component from the Palette's Basic category to a Visual Web JSF page open in the Visual Designer to create an entry field with an integrated calendar pop-up to help the user pick dates for the field.
You can also drop the calendar on a container component, like a table cell or group box.
After dragging the component to the Visual Designer, you can do a number of things with it:
id
attribute. In the page bean, this property's value is the name of the Calendar
object.label
property is not as flexible as the Label component. You can use the Label component if you want more control over the label's appearance, such as positioning of the label relative to the component.selectedDate
property, or 100 years after the current date if that property is not set.
selectedDate
property, or 100 years before the current date if that property is not set.
label
property is set. validate
method so you can insert code to validate the value of the component.processValueChange
method so you can insert code that executes when the value of this component changes (for example, the user changes the value of another component that is controlling the value of this component).onclick
property to common_timeoutSubmitForm(this.form, 'component-id');
. At runtime, this code causes the form to be automatically submitted if the user changes the component value. Once the form is submitted, conversion and validation occur on the server and any value change listener methods execute, and then the page is redisplayed.
A component configured to Auto-Submit on Change can use virtual forms to limit the input fields that are processed when the form is submitted. If the auto-submit component is defined to submit a virtual form, only the participants in that virtual form will be processed when the auto-submit occurs.
selectedDate
property to an object or to a data provider, so you can evaluate the date that the user chose after the page is submitted. For more information on using this dialog box, see Bind to Data Dialog Box.selectedDate
property to other objects or bean properties that can update this component's properties automatically.