Vue Date Picker是一個(gè)基于Vue.js的日期選擇器組件，它可以讓用戶方便地選擇日期，支持單選、范圍選和日期快捷鍵等多種模式，可以完全自定義樣式和行為。

在使用Vue Date Picker前，需要先安裝它。可以使用npm包管理器或者手動(dòng)下載打包的文件，在Vue應(yīng)用中引入并注冊(cè)。

npm install vue2-datepicker
import DatePicker from 'vue2-datepicker';
Vue.component('date-picker', DatePicker);

然后，在模板中使用<date-picker>標(biāo)簽即可。

<template>
<div>
<date-picker v-model="date" format="yyyy-MM-dd" :disabledDate="disabledDate"></date-picker>
</div>
</template>
<script>
export default {
data() {
return {
date: null
};
},
methods: {
disabledDate( time ) {
// 根據(jù)業(yè)務(wù)邏輯返回禁用日期
}
}
}
</script>

在<date-picker>中需要指定兩個(gè)屬性：v-model和format。前者用于綁定日期的值，后者用于指定日期的顯示格式，具體格式化選項(xiàng)可以參考date-fns文檔。

此外，<date-picker>還支持禁用指定日期、指定選中日期范圍、自定義快捷鍵等高級(jí)操作，具體使用方法可以參考官方文檔。