vue 怎么将字符串 “2024-10-09T08:16:18” 根据T分割成俩份 提取出第一份2024-10-09
时间: 2024-10-10 14:12:28 浏览: 31
在Vue中,你可以使用JavaScript的内置`split()`函数结合模板字符串来完成这个任务。首先,你需要创建一个方法来处理字符串分割:
```javascript
export default {
data() {
return {
dateString: "2024-10-09T08:16:18",
};
},
methods: {
formatDateString(dateString) {
const dateParts = dateString.split('T'); // 使用 'T' 分割日期和时间
if (dateParts.length >= 2) { // 检查是否至少有两个部分
return dateParts[0]; // 返回第一个部分,即日期
} else {
return dateString; // 如果只有一个部分或者分割失败,直接返回原字符串
}
},
},
computed: {
formattedDate() {
return this.formatDateString(this.dateString);
},
},
};
```
在这个例子中,`formatDateString`方法会从给定的日期字符串中提取出第一部分,并将其作为计算属性`formattedDate`返回。
如果你要在模板中使用它,可以这样做:
```html
<p>{{ formattedDate }}</p>
```
阅读全文