@strong-soft/vue-datetime-range-picker v3.2.3

VueDatetimeRangePicker

Описание

Начальную и конечную даты указывать строкой для свойств start-date и end-date в соответствии с ISO 8601 или форматом указанном в свойстве format.

Выбранные даты можно считать из свойств start-date, end-date, start-date-raw, end-date-raw.

Пример

<template>
  <VueDatetimeRangePicker
      mode="range"
      theme="blue"
      locale="en"
      format="YYYY-MM-DD HH:mm:ss"
      :time="time"
      :startDate.sync="startDate"
      :startDateRaw.sync="startDateRaw"
      :endDate.sync="endDate"
      :endDateRaw.sync="endDateRaw"
      :show.sync="show"
      :only-time="onlyTime"
  />
</template>

<script>
import VueDatetimeRangePicker from "@strong-soft/vue-datetime-range-picker";

export default {
  components: { VueDatetimeRangePicker },
  data() {
    return {
      show: false,
      time: true,
      startDate: '2021-01-01 00:00:00',
      endDate: '2021-01-31 23:59:59',
      startDateRaw: new Date(),
      endDateRaw: new Date(),
      onlyTime: false
    }
  },
  mounted() {
    this.show = true;
  }
}
</script>

Props