DateRange Date Range

💡 Component: my-date-range

Date range component

Local import

import { defineAsyncComponent } from 'vue'

const MyDateRange = defineAsyncComponent(() => import('/@/components/my-date-range/index.vue'))

Basic Usage

<MyDateRange
  v-model:startDate="state.filter.addStartTime as string"
  v-model:endDate="state.filter.addEndTime as string"
  style="width: 230px"
/>

Without Shortcuts

<MyDateRange
  v-model:startDate="state.filter.addStartTime as string"
  v-model:endDate="state.filter.addEndTime as string"
  :shortcuts="[]"
  style="width: 230px"
/>

Props

Prop	Description	Type	Default	Accepted Values
startDate	Start date	String	-	-
endDate	End date	String	-	-