前言
在实际项目中,有时需要选择起始日期,并设置选择范围,本文中使用的是vue
并选择是使用element-ui
中的el-date-picke
r选择器;
效果如下图所示:
1. 代码分析
在布局中使用的代码如下:
<el-form-item label="选择日期">
<el-date-picker
v-model="teamDepartureDate"
type="daterange"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
@change="changeTeamDepartureDateStart"
>
</el-date-picker>
</el-form-item>