JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<div id="app">
<el-date-picker
v-model="value1"
type="date"
placeholder="Pick a day"
:picker-options="dateOptions"
>
</el-date-picker>
</div>
JavaScript
new Vue({
el: '#app',
data() {
return {
value1: '',
dateOptions: {
disabledDate (time) {
const currentDate = new Date()
let dateIn7Days = new Date().setDate(currentDate.getDate() + 7)
return dateIn7Days > time
}
}
}
}
});