Skip to content

Field date

The field is used to select a date and handles time in ISO format.


placeholder Optional

  • Type: string String label, displayed when there is no data in the field.

mask Optional

  • Type: string.
  • By default: YYYY/MM/DD.

The mask sets the date display format. The mask can consist of characters of any character, however keywords are Y, M, D, H and h. The corresponding values will be substituted for their position.

Also, all parameters common to all FormField. Information about them can be found on this page.


The field value is a string corresponding to the simplified extended ISO format (ISO 8601).


  • The field is available when using Tab and Shift + Tab.
  • Date entry is possible using the input field.
  • An additional controller is available for date selection: calendar.
  • The calendar should not be available for Tab or Shift + Tab.
  • Blocking fields cancels navigation using Tab. There is also a change in the style of date.
  • If the validation fails, the field should change the date style.


There are no additional-required parameters for this field, so we need to specify only type and name:

<form-field name = "created" type="date"/>
<form-field name = "created" type="date"/>
import {FormField} from "jenesius-vue-form";
import {FormField} from "jenesius-vue-form";

Default field:

Created date


In locked state:



Field not validated:

With an errors


Seleact this fields

Changed value of mask:

With new mask


The current state of the form:


Released under the MIT License.