VueDatePicker日期选择器

vue日期选择器文本框，需要下载本插件

html:

<VueDatePicker v-model="date.selectedDate" :format="date.dateFormat" :placeholder="date.placeholderText"  max-w-62/>

js:

const date = ref({

  selectedDate: "2024-11-20",//存储时间或更新之后的时间，v-model绑定

  dateFormat: 'yyyy-MM-dd',//时间模板

  placeholderText: '请选择日期'//输入框提示文本

})

组件引入：

import VueDatePicker from '@vuepic/vue-datepicker'

import '@vuepic/vue-datepicker/dist/main.css'