elementui日期选择器使用添加多个日期

最新推荐文章于 2024-07-08 16:22:29 发布

New_leng

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量1.4k

点赞数

文章标签： javascript 前端 elementui vue.js

本文链接：https://blog.csdn.net/New_leng/article/details/126323409

版权

本文介绍如何在ElementUI中使用日期选择器选择多个日期，包括返回数据的格式及在Vue.js应用中的数据绑定方法。

摘要由CSDN通过智能技术生成

效果

返回的数据格式:

上代码:

  <el-form-item label="征订时间">
                <div class="block">
                    <div
                        class="date"
                        v-for="(item, i) in form.subscription_date"
                        :key="i"
                    >
                        <el-date-picker
                        style="margin:5px 0"
                            v-model="form.subscription_date[i]"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"