Date and Time Picker


Since version 1.51.0, RSForm!Pro introduces a new form field - Date and Time picker with the following configuration options:

General

  • Name: the name of the form component. This needs to be unique for each form. It can contain only alphanumeric chars. The name of the field is only used for internal reference - it will not be displayed in the front-end area
  • Caption: the caption or label is the text or HTML that is being displayed in the actual form.
  • Default value: the value will be automatically filled in when displaying the form. Inside the Default Value area you can use custom PHP codes in between the //<code> and //</code> tags.
  • Description: text/HTML area that provides a description of the field. This can be useful for providing explanations or indications for that particular field.

Validations

  • Required: you can choose to make the calendar mandatory.
  • Date Modifier: used to modify another calendar(within the same form) which will inherit the minimum or maximum possible date, based on what is selected in this calendar.
  • Validation Message: here you can type your own validation message.

Attributes

  • Date format: the format of the selected date. By default d/m/Y H:i is being used.
  • Min date: the submitter will not be able to select a date below the one specified here. Custom PHP codes can be used in between the //<code> and //</code> tags.
  • Max date: the submitter will not be able to select a date past the one specified in this field. As in the "min date" custom PHP codes can be used in between the //<code> and //</code> tags.
  • Display Timepicker: Yes / No - If set to No the timepicker will be hidden.
  • Minute Step: this option will allow you to set the minute intervals
  • Min Time: the submitter will not be able to select an hour below the one specified here. Custom PHP codes can be used in between the //<code> and //</code> tags.
  • Max Time: the submitter will not be able to select an hour past the one specified in this field. As in the "min time" custom PHP codes can be used in between the //<code> and //</code> tags.
  • Readonly: Yes / No - If set to No the submitter can type in the date.
  • Popup label: if the Popup layout is being used, you can add the label of the button that triggers it.
  • Calendar layout: Flat / Popup - controls how the calendar is displayed.
  • Theme: Light / Dark
  • Additional Attributes: anything that is specified here will be reflected on the field that stores the date selection. For example: style="color:red" - this will make the color of the selected date red.

10 persons found this article helpful.


Was this article helpful?

Yes No
Sorry about that