el-date-picker的说明

Vue 框架使用时间插件：

<el-date-picker
                      v-model="domain.paymentTime"
                      :picker-options="endDatePicker"
                      clearable
                      size="small"
                      style="width: 200px"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="选择兑付时间"
                    ></el-date-picker>

value-format属性作用就是格式化日期格式为指定的字符串格式yyyy-MM-dd, 比如2020-10-29.

v-model: 时间插件绑定的值

clearable: 可以清除(内容显示之后光标放上面会显示一个删除的叉符号)

picker-options：设置时间范围：

 

 disabledDate: 属性可以设置那些日期被禁止：(比now大的日期禁止使用)

时间选择器 el-date-picker：

form A 到 B时间段：

<el-form-item label="提现时间" prop="dateTime">
        <el-date-picker v-model="queryParams.dateTime" type="daterange" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>

其中这里面需要注意的是你需要加时间的格式化：

否则在选择时间的时候会出现少8小时

VUE 2.*之后的版本加了这个属性：value-format="yyyy-MM-dd-hh-mm-ss" 可以解决这个问题。(差8小时的问题)