Vue Daterangepicker 是一個(gè)基于 Vue.js 的日期范圍選擇器。它支持單個(gè)日期和日期范圍的選擇，并且具有非常靈活的選項(xiàng)和自定義功能。

要使用 Vue Daterangepicker，首先需要確保安裝了 Vue.js。然后可以通過 NPM 包管理器安裝 Vue Daterangepicker：

npm install vue2-daterange-picker --save

在 Vue 中，需要在組件中引用 Daterangepicker 并初始化：

import DateRangePicker from 'vue2-daterange-picker'
Vue.component('DateRangePicker', DateRangePicker)

然后在模板中使用：

<template>
<div>
<DateRangePicker v-model="date"></DateRangePicker>
</div>
</template>

在上面的示例中，我們將 Daterangepicker 綁定到一個(gè) date 變量上，以便在選擇日期范圍時(shí)更新該變量。

Vue Daterangepicker 還提供了許多參數(shù)和事件，可以根據(jù)需要進(jìn)行自定義。例如，可以使用 showDropdowns 參數(shù)打開下拉列表，以便輕松地選擇月份和年份：

<DateRangePicker v-model="date"
:showDropdowns="true">
</DateRangePicker>

使用 Vue Daterangepicker，可以輕松地創(chuàng)建具有各種選項(xiàng)和自定義功能的日期范圍選擇器。