怎么把el-date-picker里的“2023-05-20T16:00:00.000Z”数据日期转成“2023-05-20”这种格式,并封装成一个公用的方法
时间: 2024-01-11 12:02:39 浏览: 31
您好,要将日期格式从“2023-05-20T16:00:00.000Z”转换为“2023-05-20”,您可以使用JavaScript中的Date对象和toLocalDateString()方法。下面是将日期格式转换为“YYYY-MM-DD”格式并封装为公用方法的示例代码:
```javascript
/**
* 将日期从“YYYY-MM-DDTHH:mm:ss.sssZ”格式转换为“YYYY-MM-DD”格式
* @param {string} dateStr - 要转换的日期字符串
* @returns {string} - 转换后的日期字符串
*/
function formatDate(dateStr) {
const date = new Date(dateStr);
return date.toLocaleDateString('zh-Hans-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
}).replace(/\//g, '-'); // 替换斜杠为横杠
}
```
您可以将上述代码添加到您的项目中,并在需要的地方调用`formatDate`函数即可将日期从“YYYY-MM-DDTHH:mm:ss.sssZ”格式转换为“YYYY-MM-DD”格式。
相关问题
怎么把el-date-picker里的“2023-05-20T16:00:00.000Z”数据日期转成“2023-05-20”这种格
式呢?
你可以通过以下代码将日期格式化为你需要的格式:
```
const date = new Date("2023-05-20T16:00:00.000Z");
const formattedDate = date.toISOString().substring(0, 10);
console.log(formattedDate); // Output: "2023-05-20"
```
这里使用了Date对象的toISOString()方法将日期转换为ISO 8601格式的字符串。然后我们使用substring()方法来截取字符串的前10个字符,即年份、月份和日期,最终得到的就是你需要的日期格式。
怎么把el-date-picker里面的开始日期和结束日期拆分成两个字短
可以通过监听 el-date-picker 的 change 事件,然后在事件回调中获取到选择的日期范围数据,再将其拆分成开始日期和结束日期。可以参考下面的代码示例:
```
<template>
<div>
<el-date-picker range v-model="dateRange" @change="handleChange"></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
dateRange: [] // 存储日期范围数据
}
},
methods: {
handleChange(val) {
// 拆分日期范围数据成开始日期和结束日期
const [startDate, endDate] = val
console.log('开始日期:', startDate)
console.log('结束日期:', endDate)
}
}
}
</script>
```