el-date-picker的格式转换
时间: 2023-07-01 13:07:20 浏览: 169
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
el-date-picker 是一个基于 Element UI 的日期选择器组件,它提供了多种日期格式的支持。如果需要将日期格式转换成其它格式,可以使用 JavaScript 中的 Date 对象进行处理。
以下是一个将 el-date-picker 中的日期格式("yyyy-MM-dd")转换为 "yyyy/MM/dd" 格式的示例代码:
```javascript
// 获取 el-date-picker 组件中的日期字符串
let dateStr = this.$refs.datePicker.value;
// 将日期字符串转换为 Date 对象
let dateObj = new Date(dateStr);
// 将日期格式化为 "yyyy/MM/dd" 格式
let formattedDate = `${dateObj.getFullYear()}/${(dateObj.getMonth() + 1).toString().padStart(2, '0')}/${dateObj.getDate().toString().padStart(2, '0')}`;
// 输出格式化后的日期字符串
console.log(formattedDate);
```
在上述代码中,首先获取 el-date-picker 中的日期字符串,然后使用 new Date() 方法将其转换为 Date 对象。接着,使用 Date 对象的 getFullYear()、getMonth() 和 getDate() 方法获取年、月、日等日期信息。最后,使用模板字符串将日期格式化为 "yyyy/MM/dd" 格式,并输出结果。
阅读全文