Vue Element DatePicker組件是一個可配置日期選擇器，可以輕松地為一個輸入框格式化日期和日期范圍。該組件提供了多種日期格式化選項，以滿足各種需求。

以下是一個簡單的HTML代碼片段，演示如何使用Vue Element DatePicker：

<template>
<div>
<el-date-picker v-model="date"></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
date: ''
};
}
};
</script>

在上面的示例中，v-model綁定了<el-date-picker>組件的date屬性。日期的值將根據用戶的選擇更新。

為了進一步演示Vue Element DatePicker的日期范圍功能，以下是另一個HTML代碼片段：

<template>
<div>
<el-date-picker
v-model="dateRange"
type="daterange"
range-separator="至"
start-placeholder="開始日期"
end-placeholder="結束日期"></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
dateRange: []
};
}
};
</script>

在這里，v-model綁定了<el-date-picker>組件的dateRange屬性。還指定了日期選擇器的類型為“daterange”，并自定義了日期選擇器的分割符、開始日期占位符和結束日期占位符。

以上兩個示例提供了一個有用的參考來理解Vue Element DatePicker的基本用法。但是，如需更深入了解Vue Element DatePicker的詳細信息，您可以查看官方文檔，以便詳盡了解該組件的其他選項和功能。