效果图
实现步骤
el-date-picker页面使用
代码语言:javascript复制<el-form-item label="报修时间">
<el-date-picker
v-model="dateRange"
size="small"
style="width: 240px"
value-format="timestamp"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item>
js中方法的实现
default-time 属性就是将时间范围控制在起始时间和结束时间的时分秒精确度
用户选择时间后会在dateRange变量中返回