Element 日期选择器是一个基于 Vue.js 的 UI 组件库 Element UI 中的一个日期选择器组件。它提供了简单易用的界面和丰富的功能，可以方便地在网页中选择日期。
使用 Element 日期选择器需要先引入 Element UI 库，并注册日期选择器组件。在 HTML 中使用
<el-date-picker>
标签即可创建日期选择器，其中可以设置日期选择器的默认值、可选日期范围、日期格式等属性。
例如，以下代码可以创建一个日期选择器，允许选择从当前日期开始的未来七天内的日期，并以 yyyy-MM-dd 的格式显示日期：
<template>
<el-date-picker
v-model="date"
:picker-options="pickerOptions"
format="yyyy-MM-dd"
:default-time="['12:00:00']"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
date: '',
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7 || time.getTime() > Date.now() + 6.048e8;
</script>
在上面的代码中，v-model 绑定了日期选择器的选中日期，picker-options 设置了日期选择器的可选范围，format 设置了日期显示的格式，value-format 设置了选中日期的值的格式，type 设置了日期选择器的类型为日期选择器，placeholder 设置了日期选择器的占位符。
以上就是 Element 日期选择器的基本用法，可以根据自己的需要来设置日期选择器的属性。