关于ElementsUi 日期选择器 DatePicker 使用小心得
2017-09-15 09:37
477 查看
ElementsUi 日期选择器 DatePicker 使用小心得
该组件默认提交的时间值是这样的
![](https://oscdn.geek-share.com/Uploads/Images/Content/202008/30/077a57f18dd5ec77a792e94eac43edb8)
发现这种格式传到后台处理挺麻烦的,就查指南发现官方提供了一个change事件(当 input 的值改变时触发,返回值和文本框一致)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202008/30/982099f5dcd684aceae5b8f77836a00c)
首先添加该事件然后就会发现该事件参数就是input框的内容,这种日期格式就比较好处理了。
<el-date-picker
v-model="logEnd"
type="date"
placeholder="日期"
@change="logTimeChange">
</el-date-picker>
logTimeChange(val) {
console.log(val)
}
该val就是input框内容
该组件默认提交的时间值是这样的
发现这种格式传到后台处理挺麻烦的,就查指南发现官方提供了一个change事件(当 input 的值改变时触发,返回值和文本框一致)
首先添加该事件然后就会发现该事件参数就是input框的内容,这种日期格式就比较好处理了。
<el-date-picker
v-model="logEnd"
type="date"
placeholder="日期"
@change="logTimeChange">
</el-date-picker>
logTimeChange(val) {
console.log(val)
}
该val就是input框内容
相关文章推荐
- 关于ElementsUi 日期选择器 DatePicker 使用小心得
- 日期选择器:jquery datepicker的使用
- 日期选择器:jquery datepicker的使用(转)
- 时间和日期选择器DatePicker和TimePicker的使用
- 日期选择器:jquery datepicker的使用
- 使用datepicker插件实现日期选择的基本操作 8-5
- Android DatePicker日期选择器、TimePicker时间选择器的使用
- 日期选择器:jquery datepicker的使用
- android—DatePicker 和TimePicker显示日期以及使用TimePickerDialog,DatePickerDialog来专门实现时间选择对话框
- 联合使用DatePIcker和TimePicker来选择日期和时间
- bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
- 从零开始学android<日期选择器:DatePicker的使用.十二.>
- 使用DatePickerDialog制作日期选择器
- bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
- 日期选择器:jquery datepicker的使用
- 使用ole中的Microsoft Date and time picker control来添加日期选择框
- 日期选择器:jquery datepicker的使用
- bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
- 使用datepicker插件实现日期选择的基本操作 8-5
- 联合使用DatePicker和TimePicker来选择日期和时间