Floatinglabel Calendar
(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
Calendar is an input control component. It allows using a date-picker to choose Date values for a bound data-provider. The key difference compared to the Calendar-Inline component is that this Calendar component is an input field that the shows the date-picker in a popup only when clicked; whereas the Calendar-Inline shows the date-picker directly on the form.
This is a reference page; many components have detailed usage guides here.
Properties
calendarWeeks
Type: boolean Default Value: true
dataProviderID
Type: dataprovider
enabled
Type: enabled Default Value: true
errorMessage
Type: tagstring
floatLabelText
Type: tagstring
format
Type: format
pickerOnly
Whether to only allow date entry from the date picker or not (cannot type the date).
Type: boolean Default Value: false
selectOnEnter
Whether to select the text when date field is focused.
Type: boolean
styleClass
Set the styleclasses that should be applied at to this component
Type: styleclass Default Value: "form-control"
tabSeq
Type: tabseq
theme
Type: string Default Value: "light"
toolTipText
Type: tagstring
visible
Whether the button is visible or not
Type: visible
Events
onActionMethodID(event)
Parameters:
{JSEvent} event
onDataChangeMethodID(oldValue,newValue,event)
Handle changed data, return false if the value should not be accepted. JSEvent.data will contain extra information about dataproviderid, its scope and the scope id (record datasource or form/global variable scope)
Parameters:
{${dataproviderType}} oldValue
{${dataproviderType}} newValue
{JSEvent} event
Returns: {boolean}
onFocusGainedMethodID(event)
Parameters:
{JSEvent} event
onFocusLostMethodID(event)
Parameters:
{JSEvent} event
API
disableDates(dateArray,keepInvalid)
Dates that should be disabled.
Parameters:
disableDays(dayArray,keepInvalid)
Days of the week that should be disabled. Values are 0 (Sunday) to 6 (Saturday).
Parameters:
requestFocus(mustExecuteOnFocusGainedMethod)
Set the focus to this calendar.
Example:
Parameters:
{boolean} [mustExecuteOnFocusGainedMethod] ** mustExecuteOnFocusGainedMethod (optional) if false will not execute the onFocusGained method; the default value is true
setMinMaxDate(minDate,maxDate,keepInvalid)
Set the min date or max date that can be selected
Parameters:
toggleErrorMessage(show)
Parameters:
{boolean} show
Last updated