vue element-ui (DatePicker)日期选择器获取开始时间和结束时间
2020-01-12 20:25
2221 查看
<el-date-picker v-model="formData.createTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker>
data() { return { formData: { createTime: [], }, }; },
得到的是一个数组,一个是开始时间,一个是结束时间
我写的时候还有一个坑,下面这个 至 字不完全显示
正常情况应该是下面这种情况
可以用样式穿透的方式 也可以加权重值
<style> .el-range-separator{ width: 20px !important; } </style> 如果是scoped的情况下需要用到样式穿透 <style scoped> //box 是自己添加上去的名字 .box /deep/ .el-range-separator{ width: 20px !important; } </style>
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 在使用element ui时DatePicker 日期选择器组件获取时间格式问题
- bootstrap-datepicker限定可选时间范围 一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,
- element-ui date-picker 开始时间小于结束时间、结束时间大于开始时间且小于当前时间
- boostrap的日期选择:datetimepicker 做 开始时间与 结束时间的判断,开始时间小于结束时间
- ElementUI DatePicker 日期选择器控制选择时间范围
- bootstrap-dateRangePicker基于BootStrap的日期时间处理(考试开始时间 结束时间)
- 【NG-ZORRO、Angular】日期选择框时间段nz-range-picker设置开始结束时间00:00:00~23:59:59
- Android UI控件系列:DatePicker,TimePicker(日期和时间选择)
- laydate日期插件案例,结束时间小于开始时间不可选择
- vue elementui el-date-picker 结束时间大于开始时间
- vue $1-3——ElementUI的时间选择器(DatePicker)+开始时间到结束时间
- angularjs之ui-bootstrap的Datepicker Popup不使用JS实现双日期选择控件
- 【jQuery日期处理】选择开始时间,自动结束时间
- 【Android学习笔记】DatePickerDialog和TimePickerDialog日期选择器和时间选择器
- IOS-UIDatePicker/时间选取器 实例以及时区的选择
- datepicker,结束时间必须大于开始时间
- 联合使用DatePIcker和TimePicker来选择日期和时间
- C#获取指定月指定周的日期范围 根据当前时间获取本月开始日期和结束日期
- Windows Phone 8.1中日期和时间选择器DatePicker,TimePicker
- 页面日期选择控件--jquery ui datepicker 插件