setProperties()
allows changing available configuration attributes of the control dynamically
setProperties(propertyConfig: IDatePickerProps): void;
Parameters:
propertyConfig: object - an object with the available attributes of the control and their new values
Example
form.getItem("datepicker").setProperties({ editable: true, labelWidth: "100px", required: true});The method invokes the afterChangeProperties and beforeChangeProperties events.
It is possible to change values of the following configuration attributes of the DatePicker control:
| valueFormat | (string) defines the format of the value that will be returned while getting the current value of the control: "string" (default) or "Date" |
| width | (string|number|"content") the width of a control |
| height | (string|number|"content") the height of a control |
| padding | (string|number) sets padding between a cell and a border of a DatePicker control |
| css | (string) adds style classes to a control |
| required | (boolean) defines whether a control is required |
| helpMessage | (string) adds a help message to a control |
| preMessage | (string) a message that contains instructions for interacting with the control |
| successMessage | (string) a message that appears in case of successful validation of the control value |
| errorMessage | (string) a message that appears in case of error during validation of the control value |
| label | (string) specifies a label for a control |
| labelWidth | (string|number) sets the width of the label of a control |
| hiddenLabel | (boolean) invisible label that will be used to identify the input on the server side |
| labelPosition | (string) defines the position of a label: "left"|"top" |
| validation | (function) the validation function, takes as a parameter the value to validate and returns true/false to indicate the result of validation |
| icon | (string) the name of an icon from the used icon font |
| placeholder | (string) a tip for the input |
| editable | (boolean) allows a user to enter the value of the control manually, false by default |
| mode | (string) specifies the mode of displaying a calendar: "calendar" (default), "month", "year" |
| mark | (function) adds a CSS class to specific days |
| disabledDates | (function) allows disabling some date intervals, day labels are dimmed |
| weekStart | (string) sets the starting day of the week: "monday" or "sunday" (default) |
| weekNumbers | (boolean) defines whether to show the numbers of weeks, false by default |
| timePicker | (boolean) adds a timepicker into a calendar, false by default |
| timeFormat | (number) defines the time format of a timepicker: 12-hour or 24-hour (12 or 24 (default), correspondingly) |
| dateFormat | (string) defines the format of dates in the calendar, "%d/%m/%y" by default |
| thisMonthOnly | (boolean) hides dates of the previous/next months relative to the currently displayed one |
Change log:
added in v7.0