不废话直接上代码
<!-- 选择一个或多个日期 -->
<el-date-picker
ref="datesRef"
type="dates"
v-model="dateArr"
:editable="false"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择一个或多个日期"
></el-date-picker>
<!-- 打印选择日期 -->
<el-button type="primary" @click="clickBtn" class="btn">打印选择的时间</el-button>
<div style="margin-top: 20px">
<span>打印区</span>
<el-input type="textarea" :rows="2" v-model="printStr"></el-input>
</div>
clickBtn() {
this.printStr = this.dateArr ? this.dateArr.join() : "";
console.log(this.printStr);//打印出的结果就是日期的数组
},
效果截图
效果.png
效果2.png