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:设置时间范围:
![](https://i-blog.csdnimg.cn/blog_migrate/ce375791bbb5db104e2b32ae83547ccb.png)
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小时的问题)