iView中的DatePicker日期选择控件（开始时间和结束时间约束，结束时间加一天）

G_大侠

于 2020-06-29 18:02:27 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue.js javascript

本文链接：https://blog.csdn.net/G_X73/article/details/107025540

前言：最近做项目需要用到日期选择控件，来做个总结，其中包括开始时间和结束时间的约束，直接上代码（Vue项目）

实现效果图：
在这里插入图片描述

template：

<span class="item">
          检测时间：
          <DatePicker type="date" :options="startTimeOptions" @on-change="startTimeChange" placeholder="开始日期" v-model="startDate" style="width: 130px"></DatePicker> —
          <DatePicker type="date" :options="endTimeOptions" @on-change="endTimeChange" placeholder="结束日期" v-model="endDate" style="width: 130px"></DatePicker>
 </span>