Skip to main content

value

Description​

Optional. Sets a value of the Month control

Usage​

value?: { start: Date; end: Date } | Date;

Parameters​

The value property supports two formats:

  • Date range - an object with two properties:

    • start - the starting date of the range
    • end `- the ending date of the range. Used for selecting a continuous range of dates within a month or across several months.
<template>
  <Month :value="{ start: new Date(2022, 4, 4), end: new Date(2022, 4, 6) }" />
</template>
  • Single date - a single Date object. Used for selecting one day in a month. Usually combined with the part property.
<template>
  <Month
      part="normal"
      :value="new Date(2022, 4, 1)"/>
</template>

Example​

<template>
  <Month
      :current="new Date(2022, 4, 1)"
      :value="{ start: new Date(2022, 4, 4), end: new Date(2022, 4, 6) }" />
</template>

Related articles: