Параметр формата в vue-datetime неправильный формат

Question

Я использую плагин vue-datetime, похоже, что опция format не работает должным образом, см. Ниже:

<datetime type="date" v-model="formData.testDate" input-class="form-control" format="DateTime.DATE_SHORT"></datetime>

Она должна выводиться как: DD/MM/YYYY, но вместо этоговыводит в виде случайной строки символов.

Answer 1

Вы пытаетесь применить формат к строке. Формат должен привязываться к переменной, переменная должна ссылаться на требуемый параметр формата модуля DateTime в luxon.

<template>
  <div id="app">
    <datetime type="date" v-model="formData.testDate" input-class="form-control" :format="format" />
  </div>
</template>

<script>
import { DateTime } from 'luxon';

export default {
  name: 'app',
  components: {
  },
  data: () => ({
    formData: {
      testDate: '',
    },
    format: DateTime.DATE_SHORT,
  }),
}
</script>