vuedatapickerで、範囲選択(開始時間-終了時間)かつ、日本の日付書式format vuejs vuejs
vuedatapickerで、範囲選択(開始時間-終了時間)かつ、日本の日付書式format
<template>
<VueDatePicker
v-model="date"
placeholder="ここをクリックして日時を入力"
v-bind:format="format"
locale="jp"
cancel-text="キャンセル"
select-text="OK"
enable-seconds
range
multi-calendars>
</VueDatePicker>
</template>
<script setup>
import { ref } from 'vue';
import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css'
const date = ref();
const format = 'yyyy-MM-dd HH:mm';
</script>